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如何判断不同系统的浏览器类型
Oct 28 Javascript
js实现商品抛物线加入购物车特效
Nov 18 Javascript
jQuery遍历json的方法(推荐)
Jun 12 Javascript
BootStrap 超链接变按钮的实现方法
Sep 25 Javascript
类似于QQ的右滑删除效果的实现方法
Oct 16 Javascript
vue.js指令和组件详细介绍及实例
Apr 06 Javascript
vuejs简单验证码功能完整示例
Jan 08 Javascript
浅谈Node框架接入ELK实践总结
Feb 22 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 Javascript
vue如何使用外部特殊字体的操作
Jul 30 Javascript
vue实现移动端触屏拖拽功能
Aug 21 Javascript
npm全局环境变量配置详解
Dec 15 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 构造函数construct的前下划线是双的_
2009/12/08 PHP
php 过滤器实现代码
2010/08/09 PHP
PHP数组对比函数,存在交集则返回真,否则返回假
2011/02/03 PHP
PHP修改session_id示例代码
2014/01/08 PHP
php判断当前用户已在别处登录的方法
2015/01/06 PHP
php修改上传图片尺寸的方法
2015/04/14 PHP
php单链表实现代码分享
2016/07/04 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
PHP递归算法的简单实例
2019/02/28 PHP
[原创]网络复制内容时常用的正则+editplus
2006/11/30 Javascript
网页整体变灰白色(兼容各浏览器)实例
2013/04/21 Javascript
JQuery实现动态适时改变字体颜色的方法
2015/03/10 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
canvas实现动态小球重叠效果
2017/02/06 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
2017/04/20 Javascript
Vue实现路由跳转和嵌套
2017/06/20 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
js尾调用优化的实现
2019/05/23 Javascript
vue实现下拉加载其实没那么复杂
2019/08/13 Javascript
vue 实现LED数字时钟效果(开箱即用)
2019/12/08 Javascript
基于小程序请求接口wx.request封装的类axios请求
2020/07/02 Javascript
Vue 的 v-model用法实例
2020/11/23 Vue.js
python中使用序列的方法
2015/08/03 Python
python之拟合的实现
2019/07/19 Python
Python Pandas list列表数据列拆分成多行的方法实现
2020/12/14 Python
罗兰·穆雷官网:Roland Mouret
2018/09/28 全球购物
描述RIP和OSPF区别以及特点
2015/01/17 面试题
linux系统都有哪些运行级别
2016/03/26 面试题
中英文求职信范文
2014/01/27 职场文书
本溪水洞导游词
2015/02/11 职场文书
python入门之算法学习
2021/04/22 Python