js基础
1 事件触发、调用js函数
onclick是点击触发事件
在function里会有js代码,这里改变的是文本,其他html元素也可以改变
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function f() { //脚本函数 x = document.getElementById('show_time') //根据id查找内容 x.innerHTML=Date(); //改变显示内容 } </script> </head> <body> <div> <p id="show_time">原内容</p> <button type="button" onclick="f()">显示日期</button> {# 一个按钮,点击触发onclick事件,调用脚本函数#} </div> </body> </html>
2 对象
person是一个类,firstname和lastname是它的属性,而fullname是方法。
在showname函数中,调用了person.fullname()这个方法。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastName; } }; function showName() { document.getElementById('myName').innerHTML = person.fullName() } </script> </head> <body> <div> <p id="myName"></p> <button type="button" onclick="showName()">show name</button> </div> </body> </html>