您的位置:首页> 前端教程> JS教程
文章导航

JavaScript 简单介绍

2018-5-22 23:40| 作者: admin| 查看: 7470| 评论: 9|来自: 蚂蚁部落

JavaScript是当前最为流行的编程语言之一。

非常适合用于web编程,比如页面HTML元素的操作。

一.JavaScript特点:

(1).它是一门脚本语言。

(2).它是一门轻量级的编程语言。

(3).JavaScript代码可直接插入HTML元素之中。

(4).以浏览器作为运行环境。

二.将从本教程学到的知识:

(1).JavaScript语法知识。

(2).JavaScript对DOM元素的操作。

(3).JavaScript对浏览器对象的操作。

特别说明:本版块只涉及ES5知识,ES2015+相关知识可以参阅ES6教程板块。

三.JavaScript的构成:

JavaScript是ECMAScript规范在浏览器中的具体实现。

ECMAScript是一个标准,定义最基本的行为准则,与特定的宿主环境无关,它为不同的宿主环境提供核心编程能力,没有与用户交互的功能。除浏览器的JavaScript,Flash和Director MX的ActionScript也是它的具体实现。

JavaScript的运行环境是浏览器,扩展了对浏览器window对象(简称BOM)相关操作。document对象(简称DOM对象)属于window对象,但是由于JavaScript核心就是对document的操作,所以通常将其独立出来介绍。所以JavaScript可以认为由如下三部分构成:

a:3:{s:3:\"pic\";s:43:\"portal/201702/26/001902ddvrm9wv93r3fvwk.gif\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

四.代码实例:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title>
<style>
div {
  width:100px;
  height:100px;
  background-color:#ccc;
}
</style>
<script>
window.onload = function () {
  var obt = document.getElementById("bt");
  var odiv = document.getElementById("ant");
  obt.onclick = function () {
    odiv.style.backgroundColor = "red";
  }
}
</script>
</head> 
<body>
<div id="ant"></div>
<input type="button" id="bt" value="查看演示"/>
</body>
</html>

点击按钮可以将div元素的背景颜色设置为红色;这就是最为基础的dom元素操作。

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title>
<style>
div {
  width:400px;
  height:100px;
  background-color:#ccc;
}
</style>
<script>
window.onload = function () {
  var obt = document.getElementById("bt");
  var odiv = document.getElementById("ant");
  obt.onclick = function () {
    odiv.innerHTML = location.href;
  }
}
</script>
</head> 
<body>
<div id="ant"></div>
<input type="button" id="bt" value="查看演示"/>
</body>
</html>

点击按钮可以将当前页面URL地址写入div,这里不但涉及DOM操作,也涉及到了BOM操作。

20

鲜花
3

握手
1

雷人
1

路过

鸡蛋

刚表态过的朋友 (25 人)

下一篇:JavaScript 放置
发表评论

最新评论

引用 养猫人 2019-8-22 16:41
真的比其他教程好太多了,为什么排名不如他们好
引用 czb87266045 2019-6-4 16:30
在这边学到好东西,感谢
引用 糖糖喵 2018-11-15 09:55
赞,大神会回复我这个前端小白的问题,感谢
引用 Spider 2018-10-31 12:49
是金子早晚会发光
引用 韩延涛 2018-9-12 14:31
论前端教程讲良心
我只服蚂蚁部落
引用 宰恒 2018-7-11 18:06
真的比其他教程好太多了,为什么排名不如他们好
引用 admin 2017-7-13 10:54
小前端: odiv.innerHTML = location.href;   //当前浏览器的地址写如div
非常感谢提示,现在已经这段改为"当前页面URL地址写入div"。
引用 小前端 2017-7-13 10:50
odiv.innerHTML = location.href;   //当前浏览器的地址写如div
引用 小屁孩 2017-7-8 15:02
这里的教程要比w3cshool好多了

查看全部评论(9)

返回顶部