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中获取frames中的元素示例代码
Jul 30 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
Aug 30 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 Javascript
JS实现的网页倒计时数字时钟效果
Mar 02 Javascript
js实现简单计算器
Nov 22 Javascript
JS日程管理插件FullCalendar简单实例
Feb 07 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
在vue-cli中组件通信的方法
Dec 16 Javascript
Vue.js中的computed工作原理
Mar 22 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 Javascript
微信小程序利用button控制条件标签的变量问题
Mar 15 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 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
mysql数据库差异比较的PHP代码
2012/02/05 PHP
PHP 之 写时复制介绍(Copy On Write)
2014/05/13 PHP
php判断输入是否是纯数字,英文,汉字的方法
2015/03/05 PHP
PHP 读取大文件并显示的简单实例(推荐)
2016/08/12 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
详解PHP中curl_multi并发的实现
2020/06/08 PHP
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
2016/06/01 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
ie下js不执行的几种可能
2017/02/28 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
2017/05/18 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
jQuery实现手势解锁密码特效
2017/08/14 jQuery
详解服务端预渲染之Nuxt(介绍篇)
2019/04/07 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
vue实现分页栏效果
2019/06/28 Javascript
js实现课堂随机点名系统
2019/11/21 Javascript
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
[47:08]OG vs INfamous 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
[02:12]Dota 2 推出全新英雄—— 电炎绝手
2019/08/23 DOTA
低版本中Python除法运算小技巧
2015/04/05 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
浅谈Python中range与Numpy中arange的比较
2020/03/11 Python
python自动化测试三部曲之unittest框架的实现
2020/10/07 Python
HTML5之SVG 2D入门4—笔画与填充
2013/01/30 HTML / CSS
美国庭院家具购物网站:AlphaMarts
2019/04/10 全球购物
投资意向书范本
2014/04/01 职场文书
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python
 python中的元类metaclass详情
2022/05/30 Python