javascript基础第一章 JavaScript与用户端


Posted in Javascript onJuly 22, 2010

一 页面输出
1.头部文件

<head> 
<script language="javascript"> 
document.write("三水点靠木3water.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="https://3water.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 寻址,闭包,对象模型和相关问题
Apr 27 Javascript
js中return false(阻止)的用法
Aug 14 Javascript
Javascript写入txt和读取txt文件示例
Feb 12 Javascript
node.js中的fs.readFileSync方法使用说明
Dec 15 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 Javascript
js显示当前日期时间和星期几
Oct 22 Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
Vue中的slot使用插槽分发内容的方法
Mar 01 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
Vue框架下引入ActiveX控件的问题解决
Mar 25 Javascript
搭建一个Koa后端项目脚手架的方法步骤
May 30 Javascript
aspx中利用js实现确认删除代码
Jul 22 #Javascript
JS实现self的resend
Jul 22 #Javascript
JavaScript编程开发中的五个实用小技巧
Jul 22 #Javascript
关于javascript DOM事件模型的两件事
Jul 22 #Javascript
JavaScript 事件系统
Jul 22 #Javascript
(function($){...})(jQuery)的意思
Jul 22 #Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
Jul 20 #Javascript
You might like
php删除文本文件中重复行的方法
2015/04/28 PHP
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
用PHP将Unicode 转化为UTF-8的实现方法(推荐)
2017/02/08 PHP
PHP+Ajax简单get验证操作示例
2019/03/02 PHP
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
JavaScript实现打字效果的方法
2015/07/10 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
2016/06/08 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
Highcharts学习之坐标轴
2016/08/02 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
2016/08/19 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
2017/07/22 jQuery
JS计算距当前时间的时间差实例
2017/12/29 Javascript
jQuery+CSS实现的table表格行列转置功能示例
2018/01/08 jQuery
打通前后端构建一个Vue+Express的开发环境
2018/07/17 Javascript
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
Python守护进程用法实例分析
2015/06/04 Python
Python多线程同步---文件读写控制方法
2019/02/12 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
在Python中COM口的调用方法
2019/07/03 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
Windows下实现将Pascal VOC转化为TFRecords
2020/02/17 Python
CSS3 translate导致字体模糊的实例代码
2019/08/30 HTML / CSS
new修饰符是起什么作用
2015/06/28 面试题
怎样客观的做好自我评价
2013/12/28 职场文书
上学迟到的检讨书
2014/01/11 职场文书
医学求职自荐信
2014/06/21 职场文书
农行心得体会
2014/09/02 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
关爱留守儿童捐款倡议书
2015/04/27 职场文书
朝花夕拾读书笔记
2015/06/29 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
浅谈spring boot使用thymeleaf版本的问题
2021/08/04 Java/Android
Python中递归以及递归遍历目录详解
2021/10/24 Python
JAVA SpringMVC实现自定义拦截器
2022/03/16 Python
DSP接收机前端设想
2022/04/05 无线电