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编程起步(第五课)
Jan 10 Javascript
JS+XML 省份和城市之间的联动实现代码
Oct 14 Javascript
jQuery 动态云标签插件
Nov 11 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
获取阴历(农历)和当前日期的js代码
Feb 15 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
vue-cli设置css不生效的解决方法
Feb 07 Javascript
Angular+ionic实现折叠展开效果的示例代码
Jul 29 Javascript
Javascript类型判断相关例题及解析
Aug 26 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
yii的CURD操作实例详解
2014/12/04 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
IE的有条件注释判定IE版本详解(附实例代码)
2012/01/04 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
2013/04/08 Javascript
获取表单控件原始(初始)值的方法
2013/08/21 Javascript
JavaScript实现的链表数据结构实例
2015/04/02 Javascript
javascript常用的方法整理
2015/08/20 Javascript
JavaScript Split()方法
2015/12/18 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
js调用刷新界面的几种方式
2017/05/03 Javascript
JS中的多态实例详解
2017/10/15 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
2019/08/08 Javascript
vue+layui实现select动态加载后台数据的例子
2019/09/20 Javascript
Vue路由守卫之路由独享守卫
2019/09/25 Javascript
Python中使用Inotify监控文件实例
2015/02/14 Python
import的本质解析
2017/10/30 Python
pandas多级分组实现排序的方法
2018/04/20 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
Python中的Django基本命令实例详解
2018/07/15 Python
Python 忽略warning的输出方法
2018/10/18 Python
Python 基于wxpy库实现微信添加好友功能(简洁)
2019/11/29 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
pandas读取csv文件提示不存在的解决方法及原因分析
2020/04/21 Python
拉斯维加斯酒店、演出、旅游、俱乐部及更多:Vegas.com
2019/02/28 全球购物
物业客服专员岗位职责
2013/11/30 职场文书
房屋出售协议书
2014/04/10 职场文书
企业务虚会发言材料
2014/10/20 职场文书
云南省召开党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
会计工作总结范文2014
2014/12/23 职场文书
会议新闻稿
2015/07/17 职场文书
庭外和解协议书
2016/03/23 职场文书
JavaScript异步操作中串行和并行
2021/11/20 Javascript