javascript基础第一章 JavaScript与用户端

283 阅读 0 评论 187 点赞

我是靠谱客的博主寒冷大米，最近开发中收集的这篇文章主要介绍javascript基础第一章 JavaScript与用户端，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一页面输出
1.头部文件

复制代码代码如下:

 
<head> 
<script language="javascript"> 
document.write("脚本之家www.uoften.com"); 
</script> 
</head> 

2.页面内

复制代码代码如下:

 
<body> 
<script> 
document.write("脚本之家"); 
</script> 
</body> 

3.外部文件
<script src="display.js"></script>
4.利用页面ID的innerHtml

复制代码代码如下:

 
<script> 
window.onload = writeMessage; // 页面加载时调用writeMessage函数 
writeMessage() { 
document.getElementById("helloMessage").innerHTML = "脚本之家"; 
//找到dom ID（helloMessage），修改其html内容 
} 
</script> 

5.警告
alert("广州百汇物流有限公司");
6.询问

复制代码代码如下:

 
if (confirm("是否访问我们的首页")) 
{ 
alert("是的，前往"); 
} 
else { 
alert("退出"); 
}

7.输入

复制代码代码如下:

 
var ans = prompt("输入你的留言","您好，"); 
if (ans) { 
alert("你说:" + ans); 
} 
else { 
alert("退出，没有留言"); 
} 

8.页面跳转

复制代码代码如下:

 
<script> 
window.onload = initAll; 
function initAll() { 
document.getElementById("redirect").onclick = initRedirect; 
} 
function initRedirect() 
{ 
window.location = "index.html"; 
return false; 
} 
</script> 
<a href="http://www.uoften.com" id="redirect">脚本之家</a> 

9.判断分支

复制代码代码如下:

 
<script> 
window.onload = initAll; 
function initAll() { 
document.getElementById("Lincoln").onclick = saySomething; 
document.getElementById("Kennedy").onclick = saySomething; 
document.getElementById("Nixon").onclick = saySomething; 
} 
function saySomething() { 
switch(this.id) { 
case "Lincoln": 
alert("Four score and seven years ago..."); 
break; 
case "Kennedy": 
alert("Ask not what your country can do for you..."); 
break; 
case "Nixon": 
alert("I am not a crook!"); 
break; 
default: 
} 
} 
</script> 
<form action="#"> 
<input type="button" id="Lincoln" value="Lincoln" /> 
<input 
type="button" id="Kennedy" value="Kennedy" /> 
<input type="button" id="Nixon" 
value="Nixon" /> 
</form> 

10.异常捕获

复制代码代码如下:

 
window.onload = initAll; 
function initAll() { 
var ans = prompt("输入参数：",""); 
try { 
if (!ans || isNaN(ans) || ans<0) { 
throw new Error("输入为非数"); 
} 
alert("根号" + ans + " 是 " + Math.sqrt(ans)); 
} 
catch (errMsg) { 
alert(errMsg.message); 
} 
} 