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 ui resizable bug解决方法
Oct 26 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
Jan 11 Javascript
display和visibility的区别示例介绍
Feb 26 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
jquery插件pagination实现无刷新ajax分页
Sep 30 Javascript
jQuery hover事件简单实现同时绑定2个方法
Jun 07 Javascript
input file上传 图片预览功能实例代码
Oct 25 Javascript
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
基于javascript的拖拽类封装详解
Apr 19 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
Sep 22 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 discuz 主题表和回帖表的设计
2009/03/13 PHP
使用YUI+Ant 实现JS CSS压缩
2014/09/02 PHP
PHP+Ajax实现的博客文章添加类别功能示例
2018/03/29 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
2019/07/24 PHP
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
2011/10/27 Javascript
jquery 无限级联菜单案例分享
2013/03/26 Javascript
extjs4 treepanel动态改变行高度示例
2013/12/17 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
详解vue事件对象、冒泡、阻止默认行为
2017/03/20 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
详解vue-cli 本地开发mock数据使用方法
2018/05/29 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
小程序绑定用户方案优化小结
2019/05/15 Javascript
JavaScript实现省市联动效果
2019/11/22 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
2020/02/24 Javascript
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
Python使用functools实现注解同步方法
2018/02/06 Python
对numpy和pandas中数组的合并和拆分详解
2018/04/11 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
简单掌握CSS3将文字描边及填充文字颜色的方法
2016/03/07 HTML / CSS
佳能法国商店:Canon法国
2019/02/14 全球购物
如何在Shell脚本中使用函数
2015/09/06 面试题
大学生职业生涯规划书模板
2014/01/03 职场文书
护理专业毕业生自荐信范文
2014/01/05 职场文书
网页美工求职信
2014/02/15 职场文书
保护环境的建议书
2014/03/12 职场文书
2015年党员自我剖析材料
2014/12/17 职场文书
廉洁自律证明
2015/06/24 职场文书
校园之声广播稿
2015/08/18 职场文书
2016年小学圣诞节活动总结
2016/03/31 职场文书
浅谈node.js中间件有哪些类型
2021/04/29 Javascript
Python面向对象之成员相关知识总结
2021/06/24 Python