JS复习3

来源：互联网发布：ubuntu怎么连无线编辑：程序博客网时间：2024/06/15 22:18

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上课笔记</title>
<script>
var i="123+456".split("+");

for(var a=0;a<i.length;a++){
document.writeln(i[a]);
}
var b={name:"as",id:"ad",jk:"af"};
for(x in b){
// alert(b[x]);
}
var i = 0;
while(true){
document.write(i+++" ");
if(i>10){break;}

}
//获取input所有标签，并且返回的是数组
function test(){
//var a=document.getElementsByClassName("ss");
var div=document.getElementById("div1");
var inputs=div.getElementsByTagName("input");
//var d=document.getElementsByTagNameNS("");
// alert(b.name);
// alert(c.length);
for(var i=0;i<inputs.length;i++){
alert(inputs[i].type+" "+inputs[i].id+" "+inputs[i].name+" "+inputs[i].class);
}
}
function testA(){
var x=document.getElementById("p1").style.visibility="hidden";
}
function testB(){
var x=document.getElementById("p1").style.visibility="visible";
}
function testC(){
alert("哈哈哈");
}
function testD(){
var a=document.getElementById("sheng");
alert(a.options[a.selectedIndex].text);
}
//鼠标移上去换图片
function testE(){
var a=document.getElementById("p2");
a.src="7.jpg";
}
function testF(){
var a=document.getElementById("p2");
a.src="2.jpg";
}
//鼠标点击不放开变图片
function testG(){
var a=document.getElementById("im");
a.src="6.jpg";
}
function testH(){
var a=document.getElementById("im");
a.src="5.jpg";
}
//增加标签
function testJ(){
var a=document.getElementById("div2");
var para=document.createElement("p");
a.appendChild(para);
para.innerHTML="哈哈哈哈";

}
//删除标签
function testK(){
var a=document.getElementById("div2");
var para=document.getElementById("p8");
a.removeChild(para);
}
function go(){
var text = document.getElementById("text5");
window.location.href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd="+text.value+"&rsv_pq=a86fdc5e0003abc9&rsv_t=3d1fFOmXMSWx46fJ6dxK3oHQDmit6abMq9ZGsHJv7wJ5H1y9psEf6OL37xY&rqlang=cn&rsv_enter=1&rsv_sug3=9&rsv_sug1=15&rsv_sug7=100";
//www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=%E9%AB%98%E5%9C%86%E5%9C%86&rsv_pq=a86fdc5e0003abc9&rsv_t=3d1fFOmXMSWx46fJ6dxK3oHQDmit6abMq9ZGsHJv7wJ5H1y9psEf6OL37xY&rqlang=cn&rsv_enter=1&rsv_sug3=9&rsv_sug1=15&rsv_sug7=100
}
// alert(window.location.hostname);

// window.open("https://www.baidu.com/");
// window.close();
// window.moveBy();
// window.resizeTo();

// 弹出窗口
function popWindow(url, target, param) {
if (typeof(target) == "undefined") {
target = "_blank";
}
if (typeof(param) == "undefined") {
var left = "600px";
var width = "400px";
var top = "200px";
var height = "200px";
var param = "height=" + height;
param += ",width=" + width;
param += ",left=" + left;
param += ",top=" + top;
param += ",toolbar =0,menubar=0,scrollbars=yes,resizable=0,location=0,status =no";
}
var win = window.open(url, target, param);
return win;
}

</script>
</head>

<body onload="alert('没有小葵花了');" onunload="alert('孩子咳嗽老不好，多半是活不长了！');">
<div id="div1">
<input id="hh" type="button" onclick="test()" value="获取input所有标签，并且返回的是数组"/>
<input class="ss" type="button" value="接口"/>
<input name="df" type="button" value="下面"/>
<input class="ss1" type="button" value="接1口"/>
<input id="df1" type="button" onclick="testA()" value="隐藏"/>
<input class="ss2" type="button" onclick="testB()" value="显示"/>
<input name="df2" type="button" onclick="testK()" value="删除"/>
<input class="ss3" type="button" onclick="testJ()" value="添加"/>
<input name="df3" type="text" onchange="testC()" value="onchange的用法"/>
<input type="button" value="fg" />

<select id="sheng" onchange="testD()">
<option>北京</option>
<option>上海</option>
<option>天津</option>
<option>山东</option>
<option>四川</option>
</select>
<img src="2.jpg" id="p2" onmouseout="testF()" onmouseover="testE()" style="width:300px; height:300px;"/>
<img id="im" src="5.jpg" onmousedown="testG()" onmouseup="testH()" style="width:300px; height:300px;"/>
<div id="div2" style="background-color:#FCF; width:100px; height:50px;">
<p id="p8">明天看</p>

</div>
<input type="button" value="我要去百度" onclick="goToBai()"/>
<input type="text" id="text5"/><input type="button" value="百度一下" onclick="go()"/>
</div>
</body>
</html>

阅读全文

0 0