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 相关文章推荐
jQuery点击自身以外地方关闭弹出层的简单实例
Dec 24 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
JS控制文本域只读或可写属性的方法
Jun 24 Javascript
js时间比较 js计算时间差的简单实现方法
Aug 26 Javascript
jQuery Validate让普通按钮触发表单验证的方法
Dec 15 Javascript
jQuery EasyUI Panel面板组件使用详解
Feb 28 Javascript
Vue2.0+ElementUI实现表格翻页的实例
Oct 23 Javascript
vue自定义过滤器创建和使用方法详解
Nov 06 Javascript
一秒学会微信小程序制作table表格
Feb 14 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 Javascript
JavaScript实现页面动态验证码的实现示例
Mar 23 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用PDO如何封装简单易用的DB类详解
2017/07/30 PHP
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
微信小程序 使用canvas制作K线实例详解
2017/01/12 Javascript
js实现敏感词过滤算法及实现逻辑
2018/07/24 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
2019/04/22 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
2019/04/30 Javascript
JS数组方法push()、pop()用法实例分析
2020/01/18 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
2020/02/12 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
2020/04/09 Javascript
Python中的CURL PycURL使用例子
2014/06/01 Python
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
python实现学生管理系统
2018/01/11 Python
matplotlib 输出保存指定尺寸的图片方法
2018/05/24 Python
解决pycharm无法识别本地site-packages的问题
2018/10/13 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
Python设计模式之迭代器模式原理与用法实例分析
2019/01/10 Python
Python拼接字符串的7种方式详解
2020/03/19 Python
python 画条形图(柱状图)实例
2020/04/24 Python
css3 边框、背景、文本效果的实现代码
2018/03/21 HTML / CSS
德国宠物用品、宠物食品及水族馆网上商店:ZooRoyal
2017/07/09 全球购物
德国净水壶和滤芯品牌:波尔德PearlCo(家用净水器)
2020/04/29 全球购物
机械专业应届生求职信
2013/09/21 职场文书
营销人才自我鉴定范文
2013/12/25 职场文书
给面试官的感谢信
2014/02/01 职场文书
尊师重教演讲稿
2014/09/04 职场文书
一份没有按时交货失信于客户的检讨书
2014/09/19 职场文书
党的群众路线教育实践活动个人整改落实情况汇报
2014/10/28 职场文书
罚站检讨书
2015/01/29 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
感恩的心主题班会
2015/08/12 职场文书
《青山不老》教学反思
2016/02/22 职场文书
各类场合主持词开场白范文集锦
2019/08/16 职场文书
Django中celery的使用项目实例
2022/07/07 Python