首页 > 代码库 > 5、网页制作Dreamweaver(JS的初步运用)
5、网页制作Dreamweaver(JS的初步运用)
JAVASCRIPT
*放在头部也可以读取(最先读取头部)
表单提交时会自动刷新网页,最好关掉
写法:
1、输出
<script>
document.write("hello world");
</script>
2、按钮运用
<input name="alert" value="http://www.mamicode.com/alert"type="button" onclick=‘alert("这是触发事件")‘/>
3、定义变量并输出
var bianliang;
bianliang="123";
document.write(bianliang);
4、改变元素的属性
<p id="hello">hello</p>
<script>
function hello()
{
x=document.getElementById("hello")
x.style.color = "#ff0000";
}
</script>
<input type="button" value="http://www.mamicode.com/点击变颜色" onclick="hello()" />
<!--点击由黑色变红色-->
5、item索引,指示第n个出现的元素,与getElementsByName同时使用
定义一组变量
var student =
{
name:"张三",
sex:"男"
};
student.name="张三";
document.write(student.name);
(*打印“张三”)
外部调用JS
<script src=http://www.mamicode.com/””></script>
5、网页制作Dreamweaver(JS的初步运用)