第十一天,js的基本使用

来源:互联网 发布:51牛股数据分析大师 编辑:程序博客网 时间:2024/05/17 03:24

今天学习了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="确认" onclick="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="获取对象" onclick="getID()">


在js函数中获取到对象后也可以获取对象的属性,例如获取图片的src
<script type="text/javascript">
function getSRC() {
var img = document.getElementById("image").src;
alert("图片的对象"+img);
}
</script>
<img src = "a.jpg" id="image" onclick="getSRC()">
原创粉丝点击