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 相关文章推荐
区分JS中的undefined,null,&quot;&quot;,0和false
Mar 08 Javascript
jQuery hover 延时器实现代码
Mar 12 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
JS画线(实例代码)
Nov 20 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
Jun 23 Javascript
深入理解(function(){... })();
Aug 16 Javascript
用js实现博客打赏功能
Oct 24 Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
bing Map 在vue项目中的使用详解
Apr 09 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 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面向对象的方法重载两种版本比较
2008/09/08 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
JavaScript与DropDownList 区别分析
2010/01/01 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
表单验证插件Validation应用的实例讲解
2015/10/10 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
2016/09/08 Javascript
浅谈EasyUI常用控件的禁用方法
2016/11/09 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
jquery中done和then的区别(详解)
2017/12/19 jQuery
微信小程序中时间戳和日期的相互转换问题
2018/07/09 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
Vue父子之间值传递的实例教程
2020/07/02 Javascript
PyQt5每天必学之组合框
2018/04/20 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
Python使用post及get方式提交数据的实例
2019/01/24 Python
一行Python代码制作动态二维码的实现
2019/09/09 Python
python时间与Unix时间戳相互转换方法详解
2020/02/13 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
html5的localstorage详解
2017/05/09 HTML / CSS
html5 外链式实现加减乘除的代码
2019/09/04 HTML / CSS
MYSQL支持事务吗
2013/08/09 面试题
关于幼儿的自我评价
2013/12/18 职场文书
美术专业个人自我评价
2014/01/18 职场文书
中学家长会邀请函
2014/02/03 职场文书
材料员岗位职责
2014/03/13 职场文书
副处级干部考察材料
2014/05/17 职场文书
出纳工作检讨书
2014/10/18 职场文书
送给教师们,到底该如何写好教学反思?
2019/07/02 职场文书
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL