今天学习了js的基础,重点是获取对象,需要多练习
js全称javascript
格式: <script type="text/javascript"> //script中的type可以不写,开始写js的代码 document.write("这里面可以写html的代码"); </script> javascript没有方法,只有函数 上面的document.write("这里面可以写html的代码");不属于任何函数,这时候加载页面就执行 不属于任何属性的js语句,页面加载时就执行,一旦属于某属性, //重点 只能在HTML输出中使用document.write("这里面可以写html的代码");,如果在文档加载后使用该方法,会覆盖整个文档 //重点 下面是一个叫test的函数,里面是一个弹出框 <script type="text/javascript"> function test(){ alert("这是一个弹出框"); } </script> 调用函数的方法如下,创建一个button,onclick事件可以选择鼠标点击后执行的函数 <input type="button" value="确认" οnclick="test()"> ondblclick是双击事件 确认和警告框 alert("内容"); 询问框 prompt javascript改变/获取html内容: //重点 首先要获取html标签的对象,使用document.getElementById("id"); 例如: js部分代码 <script type="text/javascript"> function getID() { var email = document.getElementById("email"); alert(email.value); } </script> html部分代码 <input type="text" value="123" id="email"> <input type="button" value="获取对象" οnclick="getID()"> 在js函数中获取到对象后也可以获取对象的属性,例如获取图片的src <script type="text/javascript"> function getSRC() { var img = document.getElementById("image").src; alert("图片的对象"+img); } </script> <img src = "a.jpg" id="image" οnclick="getSRC()">