三、JavaScript语句
2015-11-23 18:18
519 查看
三、JavaScript语句:其语句是向浏览器发出的命令。作用是高速浏览器该做什么。
例如:JavaScript语句向id="demo"的html元素输出文本"你好Alger"。
<!DOCTYPE html>
<html>
<body>
<h1>我的网页</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 Alger.";
</script>
</body>
</html>
1、分号,用于分割JavaScript语句,通常在每条执行语句的结尾添加分号;其另一作用是一行中编写多条语句。(用分号结束语句是可选的)
<!DOCTYPE html>
<html>
<body>
<h1>我的网页</h1>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
a = 1;
b = 2;
c = a + b;
document.getElementById("demo1").innerHTML = c;
x = 1; y = 2; z = x + y;
document.getElementById("demo2").innerHTML = z;
</script>
</body>
</html>
2、JavaScript代码:其实JavaScript语句的序列,浏览器按照编写顺序执行每条语句。例如:
<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Alger";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>
</html>
3、JavaScript代码块:由JavaScript分批组合成,代码块以左花括号开始,以右花括号结束。其作用是一并地执行语句序列。例如:
<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Alger";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>
</html>
知识拓展·注意:
JavaScript对大小写敏感——函数getElementById与getElementbyID是不同的;
JavaScript会忽略多余的空格,可向脚本添加空格,提高其可读性——var a = "Alger"与var a="Alger"是相同的;
可以在文本字符串中使用反斜杠代码进行换行——document.write("你好\世界!");
本文整理于W3cschool菜鸟网站,请参考网站:http://www.runoob.com/js/js-tutorial.html
例如:JavaScript语句向id="demo"的html元素输出文本"你好Alger"。
<!DOCTYPE html>
<html>
<body>
<h1>我的网页</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 Alger.";
</script>
</body>
</html>
1、分号,用于分割JavaScript语句,通常在每条执行语句的结尾添加分号;其另一作用是一行中编写多条语句。(用分号结束语句是可选的)
<!DOCTYPE html>
<html>
<body>
<h1>我的网页</h1>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
a = 1;
b = 2;
c = a + b;
document.getElementById("demo1").innerHTML = c;
x = 1; y = 2; z = x + y;
document.getElementById("demo2").innerHTML = z;
</script>
</body>
</html>
2、JavaScript代码:其实JavaScript语句的序列,浏览器按照编写顺序执行每条语句。例如:
<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Alger";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>
</html>
3、JavaScript代码块:由JavaScript分批组合成,代码块以左花括号开始,以右花括号结束。其作用是一并地执行语句序列。例如:
<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Alger";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>
</html>
知识拓展·注意:
JavaScript对大小写敏感——函数getElementById与getElementbyID是不同的;
JavaScript会忽略多余的空格,可向脚本添加空格,提高其可读性——var a = "Alger"与var a="Alger"是相同的;
可以在文本字符串中使用反斜杠代码进行换行——document.write("你好\世界!");
本文整理于W3cschool菜鸟网站,请参考网站:http://www.runoob.com/js/js-tutorial.html
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- easyui------显示隐藏列功能
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- c++ primer 第五版 笔记前言
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- JavaScript 各种遍历方式详解