Heim > Web-Frontend > js-Tutorial > javascript基础第一章 JavaScript与用户端_基础知识

javascript基础第一章 JavaScript与用户端_基础知识

WBOY
Freigeben: 2016-05-16 18:22:34
Original
1001 Leute haben es durchsucht

一 页面输出
1.头部文件

复制代码 代码如下:





2.页面内
复制代码 代码如下:


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


3.外部文件

4.利用页面ID的innerHtml
复制代码 代码如下:

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

5.警告
alert("广州百汇物流有限公司");
6.询问
复制代码 代码如下:

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

7.输入
复制代码 代码如下:

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

8.页面跳转
复制代码 代码如下:

<script> <BR>window.onload = initAll; <BR>function initAll() { <BR>document.getElementById("redirect").onclick = initRedirect; <BR>} <BR>function initRedirect() <BR>{ <BR>window.location = "index.html"; <BR>return false; <BR>} <BR></script>
脚本之家

9.判断分支
复制代码 代码如下:

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


type="button" id="Kennedy" value="Kennedy" />
value="Nixon" />


10.异常捕获
复制代码 代码如下:

window.onload = initAll;
function initAll() {
var ans = prompt("输入参数:","");
try {
if (!ans || isNaN(ans) || ansthrow new Error("输入为非数");
}
alert("根号" + ans + " 是 " + Math.sqrt(ans));
}
catch (errMsg) {
alert(errMsg.message);
}
}
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage