<head>
//////////////实现效果-鼠标经过是变成蓝色，移开时变成绿色////////////
<script type="text/javascript">
alert("开始"); ///在页面加载之前执行
var btn=document.getElementById("btn");
alert(btn); ///在页面加载之前执行 ,不能取到btn
window.onload=init; //在页面加载之后执行init函数，不需要加“（）”
function init(){
/// var btn=document.getElementById("btn");
/// alert(btn.value); // 按钮 返回btn的value值
/// btn.value="第一个按钮"; //可以给属性赋值
/// alert(btn.value);
///var h=document.getElementByTagName("button");///通过标签名取标签、返回一个数组
var h=document.getElementById("hh");///取到hh
h.onmouseover=over;
h.onmouseout=out;
}
function over(){
var h=document.getElementById("hh");///取到hh
h.className="over";
}
function out(){
var h=document.getElementById("hh");///取到hh
h.className="out";
}
alert("执行加载之后函数");
</script>
<style type="text/css">
.load{
color:red;
}
.over{
color:blue;
}
.out{
color:green;
}
</style>
</head>
<body>
<h1 id="hh" class="load">javascript<h1>
<input type="button" id="btn" value="按钮"/>
<input type="textbox" id="txt" />
测试时可以直接在地址栏写脚本 javascript:alert("aaa")
</body>
</html>
最新评论