javascript基础 第一章 JavaScript与用户端
2010-07-22 11:08
190 查看
一 页面输出
1.头部文件
<head>
<script language="javascript">
document.write("广州百汇物流有限公司");
</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://cnblogs.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);
}
}
1.头部文件
<head>
<script language="javascript">
document.write("广州百汇物流有限公司");
</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://cnblogs.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);
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- javascript基础第一章 JavaScript与用户端
- 第一章 JavaScript基础
- Ajax基础之一：JavaScript中的用户自定义类
- 第一章：JavaScript基础---（三）转义字符
- javascript快速入门第一章基础知识(上)
- 第一章：JavaScript基础---（一）基础语法
- （清华大学HTML+CSS+JavaScript入门到精通学习笔记）第一章 网页设计基础
- 第一章JavaScript基础
- 第一章 JavaScript基础
- JavaScript学习指南之第一章Hello JavaScript！最基础的JavaScript入门
- 第一章JavaScript的基础语法
- JavaScript基础学习之-JavaScript权威指南--第一章解释器
- javascript学习第一章：基础知识的学习
- Python 第一章 基础知识（5） 获取用户输入
- 第一章：JavaScript基础---（二）基础语法
- 第一章 JavaScript基础
- JavaScript基础学习之-JavaScript权威指南--第一章解释器
- JavaScript学习指南之第一章Hello JavaScript！最基础的JavaScript入门
- 第一章 JavaScript基础