<!DOCTYPE html>
<html>
<head>
<title>基本js</title>
<script type="text/javascript" src="v.js"></script>
</head>
<body>
<a href="javascript:ask()">alert</a>
<a href="1.html" οnclick="ask1()">confirm</a>
<a href="2.html" οnclick="ask2()">prompt</a>
</body>
</html>
function ask(){
alert("你好!!世界");
}
function ask1(){
var ret =confirm("我很好!世界")
if(ret){
alert("你好!!世界");
}
}
function ask2(){
var ret =prompt("请输入你的大名");
if(ret){
alert("你能活"+Math.random()*100);
}
}
<html>
<head>
<meta charset="UTF-8">
<title>网页时钟</title>
<script type="text/javascript">
function displayTime(){
//1.获取div元素
var timeDiv=document.getElementById("timeDiv");
//2.获取系统当前时间
var nowTime=new Date();
var strNowTime=nowTime.toLocaleString();
//3.将系统时间设置到div元素中
timeDiv.innerHTML=strNowTime;
}
//每隔1秒调用一次displayTime函数
function start(){
window.setInterval("displayTime()",1000)//单位是毫秒
}
</script>
</head>
<!-- body onload:当整个html页面加载完成后执行此函数 -->
<body οnlοad="start();">
<div id="timeDiv"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="v.js"></script>
</head>
<body>
<a href="javascript:winclose();">关闭页面</a>
<a href="javascript:getlocate();">查看网页大小</a>
<br>
<a href="javascript:window.history.forward();">上一条历史</a>
<a href="javascript:window.history.back();">下一条历史</a>
<a href="javascript:window.history.go(-5);">前五条历史</a>
<a href="javascript:getlength;">查看全部历史</a><br>
<span id="num">5</span>秒后跳转页面<br>
<br>
<div id="d1">div1</div>
<div>div2</div>
<input type="text" name="d2" value="java"/>
<input type="text" name="d3" value="c++"/>
<input type="text" name="d4" value="html"/>
</body>
</html>
function ask(){
alert("你好!!世界");
}
function ask1(){
var ret =confirm("我很好!世界")
if(ret){
alert("你好!!世界");
}
}
function ask2(){
var ret =prompt("请输入你的大名");
if(ret){
alert("你能活"+Math.random()*100);
}
}
function winopen(){
window.open("hello.html");
}
function winclose(){
window.close();
}
function getlocate(){
var x=window.screenX||window.screenLeft||0;
var y=window.screenY||window.screenTop||0;
alert("x="+x+","+"y="+y);
if(window.screenLeft){
alert("IE");
}else{
alert("NO IE");
}
}
function getlength(){
alert(window.history.length);
}
setInterval(
function(){
var en=document.getElementById("num");
en.innerHTML=en.innerHTML-1;
if(en.innerHTML==0){
alert("炸弹爆炸");
window.location.href="v.html"
}
}
,5000);
window.οnlοad=function(){
var ret=document.getElementById("d1");
console.debug(ret);
console.debug(ret.innerHTML);
console.debug(ret.innerText);
var name=document.getElementsByName("d2");
console.debug(name);
var na=document.getElementsByTagName("d3")
console.debug(na);
}
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="v.js"></script>
</head>
<body>
<a href="javascript:winclose();">关闭页面</a>
<a href="javascript:getlocate();">查看网页大小</a>
<br>
<a href="javascript:window.history.forward();">上一条历史</a>
<a href="javascript:window.history.back();">下一条历史</a>
<a href="javascript:window.history.go(-5);">前五条历史</a>
<a href="javascript:getlength;">查看全部历史</a><br>
<span id="num">5</span>秒后跳转页面<br>
<br>
<div id="d1">div1</div>
<div>div2</div>
<input type="text" name="d2" value="java"/>
<input type="text" name="d3" value="c++"/>
<input type="text" name="d4" value="html"/>
<br>
<div id="man">
<span>james</span>
<span>gobys</span>
<span>haxi</span>
</div>
<br>
<span id="sp" style="background-color: red">span</span>
<div id="div1" style="background-color: orange">div1</div>
<div id="div2" style="background-color: blue">div2</div>
<input type="button" name="btn1" οnclick="zi2fumu('sp','div1')" value="把span附加到div1"/>
<input type="button" name="btn2" οnclick="zi2fumu('sp','div2')" value="把span附加到div2"/>
<input type="button" name="btn3" οnclick="zifumu('div2')" value="附加到div2"/>
<br>
<br>
<select id="pa" multiple="multiple" size="8">
<option id="item1">item1</option>
<option id="item2">item2</option>
<option id="item3">item3</option>
<option id="item5">item5</option>
</select>
<input type="button" name="btn4" οnclick="insertinto()" value="插入item4"/>
<input type="button" name="btn5" οnclick="insertafter()" value="插入ite3之后"/>
<input type="button" name="btn6" οnclick="insertdelete()" value="删除item5">
<input type="button" name="btn7" οnclick="insertreplace()" value="替换item5">
</body>
</html>
function ask(){
alert("你好!!世界");
}
function ask1(){
var ret =confirm("我很好!世界")
if(ret){
alert("你好!!世界");
}
}
function ask2(){
var ret =prompt("请输入你的大名");
if(ret){
alert("你能活"+Math.random()*100);
}
}
function winopen(){
window.open("hello.html");
}
function winclose(){
window.close();
}
function getlocate(){
var x=window.screenX||window.screenLeft||0;
var y=window.screenY||window.screenTop||0;
alert("x="+x+","+"y="+y);
if(window.screenLeft){
alert("IE");
}else{
alert("NO IE");
}
}
function getlength(){
alert(window.history.length);
}
setInterval(
function(){
var en=document.getElementById("num");
en.innerHTML=en.innerHTML-1;
if(en.innerHTML==0){
alert("炸弹爆炸");
window.location.href="v.html"
}
}
,5000);
window.οnlοad=function(){
var ret=document.getElementById("d1");
console.debug(ret);
console.debug(ret.innerHTML);
console.debug(ret.innerText);
var name=document.getElementsByName("d2");
console.debug(name);
var na=document.getElementsByTagName("d3")
console.debug(na);
var res=document.getElementById("man");
console.debug(res.hasChildNodes);
console.debug(res.ChildNodes);
console.debug(res.firstChild);
console.debug(res.lastChild);
console.debug(res.firstChild.nextSibling);
console.debug(res.lastChild.previousSibling);
}
function zi2fumu(zi,fu){
var span=document.getElementById(zi);
var div=document.getElementById(fu);
console.debug(span+","+div)
div.appendChild(span);
}
function zifumu(zi){
var div=document.getElementById(zi);
var span=document.createElement("span");
span.innerHTML="新元素";
span.style.backgroundColor="orange";
div.appendChild(span);
}
function insertinto(){
if(!document.getElementById("item4")){
var item5=document.getElementById("item5");
var item4=document.createElement("option");
item4.id="item4";
item4.innerHTML="item4";
item5.parentNode.insertBefore(item4,item5);
}
}
function insertafter(){
if(!document.getElementById("item4")){
var item4=document.createElement("option");
item4.id="item4";
item4.innerHTML="item4";
var item3=document.getElementById("item3");
if(item3.nextSibling){
item3.nextSibling.parentNode.insertBefore(item4,item3.nextSibling);
}else{
item3.appendChild(item4);
}
}
}
function insertdelete(){
if(document.getElementById("item5")){
item5.parentNode.removeChild(item5);
}
}
function insertreplace(){
var item5=document.getElementById("item5");
if(item5){
var item4=document.createElement("option");
item4.id="item4";
item4.innerHTML="item4";
item5.parentNode.replaceChild(item4,item5);
}
}