一:js代码必须位于<script>js代码</script>
把js代码放到<body>元素的地步,可以改善显示速度
二:js显示数据
- 使用 window.alert() 写入警告框
- 使用 document.write() 写入 HTML 输出
- 使用 innerHTML 写入 HTML 元素
- 使用 console.log() 写入浏览器控制台
三:访问HTML元素,可以用document.getElementById(id) 方法
四:多种数据类型:数值、字符串、数组、对象
<p id="shuzi"></p>
<p id="zifuchuan"></p>
<p id="shuzu"></p>
<p id="duixiang"></p>
<script>
var length = 7; // 数字
var lastName = "Gates"; // 字符串
var cars = ["Porsche", "Volvo", "BMW"]; // 数组
var x = {firstName:"Bill", lastName:"Gates"}; // 对象
document.getElementById('shuzi').innerHTML=length;
document.getElementById('zifuchuan').innerHTML=lastName;
document.getElementById('shuzu').innerHTML=cars+" "+cars[0];
document.getElementById('duixiang').innerHTML=x+x.firstName+x.lastName;
</script>
五:如果字符abc和数字123相加,得到字符abc123
六:函数function 函数名()
toCelsius 引用的是函数对象,而 toCelsius() 引用的是函数结果
七:this关键词
在函数定义中,this 引用该函数的“拥有者”。
在上面的例子中,this 指的是“拥有” fullName 函数的 person 对象。
换言之,this.firstName 的意思是 this 对象的 firstName 属性。
八:事件
事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作:
- 每当页面加载时应该做的事情
- 当页面被关闭时应该做的事情
- 当用户点击按钮时应该被执行的动作
- 当用户输入数据时应该被验证的内容
- 等等
让 JavaScript 处理事件的不同方法有很多:
- HTML 事件属性可执行 JavaScript 代码
- HTML 事件属性能够调用 JavaScript 函数
- 您能够向 HTML 元素分配自己的事件处理函数
- 您能够阻止事件被发送或被处理
- 等等