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与jquery中获取当前鼠标的x、y坐标位置的代码
May 23 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
Feb 22 Javascript
原生的html元素选择器类似jquery选择器
Oct 15 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
JS实现的简单拖拽功能示例
Mar 13 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
js模块加载方式浅析
Aug 12 Javascript
vue中keep-alive的用法及问题描述
May 15 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
js实现图片实时时钟
Jan 15 Javascript
使用preload预加载页面资源时注意事项
Feb 03 Javascript
如何在微信小程序中使用骨架屏的步骤
Jun 12 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将XML转数组过程详解
2013/11/13 PHP
浅谈PHP中静态方法和非静态方法的相互调用
2016/10/04 PHP
PHP 返回数组后处理方法(开户成功后弹窗提示)
2017/07/03 PHP
jQuery中deferred对象使用方法详解
2016/07/14 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
微信小程序之拖拽排序(代码分享)
2017/01/21 Javascript
令按钮悬浮在(手机)页面底部的实现方法
2017/05/02 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
2017/09/07 Javascript
详解微信小程序Page中data数据操作和函数调用
2017/09/27 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
2019/11/14 Javascript
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
详解Python中的日志模块logging
2015/06/19 Python
Python自动化运维_文件内容差异对比分析
2017/12/13 Python
python 实现对数据集的归一化的方法(0-1之间)
2018/07/17 Python
Django 接收Post请求数据,并保存到数据库的实现方法
2019/07/12 Python
Python使用QQ邮箱发送邮件实例与QQ邮箱设置详解
2020/02/18 Python
如何基于线程池提升request模块效率
2020/04/18 Python
python+requests接口压力测试500次,查看响应时间的实例
2020/04/30 Python
Python如何将字符串转换为日期
2020/07/31 Python
简洁自适应404页面HTML好看的404源码
2020/12/16 HTML / CSS
美国购买体育赛事门票网站:TicketCity
2019/03/06 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
师范生个人推荐信
2013/11/29 职场文书
致跳远、跳高运动员广播稿
2014/01/09 职场文书
店长职务说明书
2014/02/04 职场文书
人事专员职责
2014/02/22 职场文书
房展策划方案
2014/06/07 职场文书
建筑工地质量标语
2014/06/12 职场文书
2014年质检工作总结
2014/11/26 职场文书
工程部部长岗位职责
2015/02/12 职场文书
茶花女读书笔记
2015/06/29 职场文书
修辞手法有哪些?
2019/08/29 职场文书
Js类的构建与继承案例详解
2021/09/15 Javascript
vue实现简易音乐播放器
2022/08/14 Vue.js