javascript学习
⽤JavaScript输出⽂本
<p>我的第⼀个段落。</p>
<script>
document.write(Date());
</script>
<script> document.write("<h1>这是⼀个标题</h1>"); document.write("<p>这是⼀个段落</p>"); </script>
⽤JavaScript改变⽂本元素
----------------------------------------------------
-----------------------------------------------------------
<p id="demo">我的第⼀个段落啊啊啊。</p>
<script>
</script>
⼀个外部的JavaScript
-----------------------------------------------------------
<p id="demo">⼀个段落。</p>
<button type="button" οnclick="myFunction()">点击这⾥</button>
<p><b>注释:</b>myFunction 保存在名为 "myScript.js" 的外部⽂件中。</p>
<script src="myScript.js"></script>
// ⽂件名为myScript.js
function myFunction() { ElementById("demo").innerHTML="我的第⼀个 JavaScript 函数"; } 外部脚本不能包含 <script> 标签
-----------------------------------------------------------
-----------------------------------------------------------
JavaScript 输出
JavaScript 没有任何打印或者输出的函数。
JavaScript 显⽰数据
JavaScript 可以通过不同的⽅式来输出数据:
使⽤ window.alert() 弹出警告框。
使⽤ document.write() ⽅法将内容写到 HTML ⽂档中。
使⽤ innerHTML 写⼊到 HTML 元素。
使⽤ console.log() 写⼊到浏览器的控制台。
(1)使⽤window.alert(); 弹出警告框
<body>
<h1>我的第⼀个页⾯</h1>
<p>我的第⼀个段落。</p>
<script>
window.alert(5 + 6);
</script>
</body>
操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素,您可以使⽤ ElementById(id) ⽅法。请使⽤ "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插⼊元素内容:
实例
<p id="demo">我的第⼀个段落</p>
<script>
</script>
</body>
</html>
以上 JavaScript 语句(在 <script> 标签中)可以在 web 浏览器中执⾏:
---------------------------------------------------------------------------------------------------------------------------直接在<script>中写⼀个函数
<!DOCTYPE html>
<html>
<body>
<h1>我的第⼀个 Web 页⾯</h1>
<p>我的第⼀个段落。</p>
<button οnclick="myFunction()">点我</button>
<script>
function myFunction() {
document.write(Date());
}
</script>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------写到控制台
如果您的浏览器⽀持调试,你可以使⽤ console.log() ⽅法在浏览器中显⽰ JavaScript 值。
浏览器中使⽤ F12 来启⽤调试模式, 在调试窗⼝中点击 "Console" 菜单。
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
JavaScript 语法
JavaScript 是⼀个脚本语⾔。
它是⼀个轻量级,但功能强⼤的编程语⾔。
JavaScript 字⾯量
在编程语⾔中,⼀个字⾯量是⼀个常量,如 3.14。
数字(Number)字⾯量 可以是整数或者是⼩数,或者是科学计数(e)。
3.14
1001
123e5
字符串(String)字⾯量 可以使⽤单引号或双引号:
学javascript前要学什么"John Doe"
'John Doe'
表达式字⾯量 ⽤于计算:
5 + 6
5 * 10
数组(Array)字⾯量 定义⼀个数组:
[40, 100, 1, 5, 25, 10]
对象(Object)字⾯量 定义⼀个对象:
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函数(Function)字⾯量 定义⼀个函数:
function myFunction(a, b) { return a * b;}
JavaScript 变量
在编程语⾔中,变量⽤于存储数据值。
JavaScript 使⽤关键字 var 来定义变量, 使⽤等号来为变量赋值:
var x, length
x = 5
length = 6
变量可以通过变量名访问。在指令式语⾔中,变量通常是可变的。字⾯量是⼀个恒定的值。
变量是⼀个名称。字⾯量是⼀个值。
JavaScript 操作符
JavaScript使⽤ 算术运算符 来计算值:
(5 + 6) * 10
JavaScript使⽤赋值运算符给变量赋值:
x = 5
y = 6
z = (x + y) * 10
JavaScript语⾔有多种类型的运算符:
类型实例描述
赋值,算术和位运算符= + - * /在 JS 运算符中描述
条件,⽐较及逻辑运算符== != < > 在 JS ⽐较运算符中描述
JavaScript 语句
在 HTML 中,JavaScript 语句向浏览器发出的命令。
语句是⽤分号分隔:
x = 5 + 6;
y = x * 10;
JavaScript 关键字
JavaScript 关键字⽤于标识要执⾏的操作。
和其他任何编程语⾔⼀样,JavaScript 保留了⼀些关键字为⾃⼰所⽤。
var 关键字告诉浏览器创建⼀个新的变量:
var x = 5 + 6;
var y = x * 10;
JavaScript 同样保留了⼀些关键字,这些关键字在当前的语⾔版本中并没有使⽤,但在以后 JavaScript 扩展中会⽤到。
JavaScript 关键字必须以字母、下划线(_)或美元符($)开始。
后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为⾸字符出现的,以便 JavaScript 可以轻易区分开关键字和数字)。以下是 JavaScript 中最重要的保留字(按字母顺序):
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论