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 自定义类型方法小结
Mar 02 Javascript
Javascript中的window.event.keyCode使用介绍
Apr 26 Javascript
extjs_02_grid显示本地数据、显示跨域数据
Jun 23 Javascript
javascript中判断json的方法总结
Aug 27 Javascript
基于JQuery实现图片上传预览与删除操作
May 24 Javascript
AngularJs表单验证实例代码解析
Nov 29 Javascript
Angular X中使用ngrx的方法详解(附源码)
Jul 10 Javascript
JS实现区分中英文并统计字符个数的方法示例
Jun 09 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
Aug 08 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
微信小程序开发实现消息推送
Nov 18 Javascript
Javascript数组方法reduce的妙用之处分享
Jun 10 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读取flv文件的播放时间长度
2009/09/03 PHP
在IIS7.0下面配置PHP 5.3.2运行环境的方法
2010/04/13 PHP
探讨如何在php168_cms中提取验证码
2013/06/08 PHP
php数据类型判断函数有哪些
2013/09/23 PHP
跟我学Laravel之配置Laravel
2014/10/15 PHP
日常整理PHP中简单的图形处理(经典)
2015/10/26 PHP
jquery 动态创建元素的方式介绍及应用
2013/04/21 Javascript
jquery form表单序列化为对象的示例代码
2014/03/05 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
2014/04/21 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
JavaScript判断一个字符串是否包含指定子字符串的方法
2015/03/18 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
浅析Javascript ES6新增值比较函数Object.is
2016/08/24 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
2017/07/21 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
详解Python中的元组与逻辑运算符
2015/10/13 Python
Python的shutil模块中文件的复制操作函数详解
2016/07/05 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
python实现图像拼接功能
2020/03/23 Python
Pytorch十九种损失函数的使用详解
2020/04/29 Python
jupyter notebook远程访问不了的问题解决方法
2021/01/11 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
使用css3实现的tab选项卡代码分享
2014/12/09 HTML / CSS
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
为什么group by 和order by会使查询变慢
2014/05/16 面试题
几道Java和数据库的面试题
2013/05/30 面试题
中软国际Java程序员笔试题
2014/07/19 面试题
资产评估专业学生的自我鉴定
2013/11/14 职场文书
素质教育培训心得体会
2016/01/19 职场文书
SpringBoot接入钉钉自定义机器人预警通知
2022/07/15 Java/Android