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 表单进行客户端验证demo
Aug 24 Javascript
用js实现的自定义的对话框的实现代码
Mar 21 Javascript
jQuery代码优化 事件委托篇
Nov 01 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
Mac下使用charles遇到的问题以及解决办法
Jan 10 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
vue富文本编辑器组件vue-quill-edit使用教程
Sep 21 Javascript
vue elementUI table 自定义表头和行合并的实例代码
May 22 Javascript
如何正确理解vue中的key详解
Nov 02 Javascript
vue 把二维或多维数组转一维数组
Apr 24 Vue.js
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
一台收音机,让一家人都笑逐颜开!
2020/08/21 无线电
php magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
php上传图片并压缩的实现方法
2015/12/22 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
2010/10/17 Javascript
javascript 广告后加载,加载完页面再加载广告
2010/11/25 Javascript
解决IE6的PNG透明JS插件使用介绍
2013/04/17 Javascript
使用js操作cookie的一点小收获分享
2013/09/03 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
js中将String转换为number以便比较
2014/07/08 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
jQuery实现切换页面过渡动画效果
2015/10/29 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
简单实现js拖拽效果
2017/07/25 Javascript
vue增加强缓存和版本号的实现方法
2019/05/01 Javascript
vue父子组件通信的高级用法示例
2019/08/29 Javascript
JavaScript实现更换背景图片
2019/10/18 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
pytyon 带有重复的全排列
2013/08/13 Python
Python中logging模块的用法实例
2014/09/29 Python
利用Python为iOS10生成图标和截屏
2016/09/24 Python
css3弹性盒子flex实现三栏布局的实现
2020/11/12 HTML / CSS
浅谈Html5中视频 音频标签 进度条的问题
2016/07/26 HTML / CSS
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
博士毕业生自我鉴定范文
2014/04/13 职场文书
《春晓》教学反思
2014/04/20 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
导游带团欢迎词
2015/09/30 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
Python合并多张图片成PDF
2021/06/09 Python