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(DHTML)中的一些技巧
Jan 09 Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 Javascript
javascript实现删除前弹出确认框
Jun 04 Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
JavaScript中获取HTML元素值的三种方法
Jun 20 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
Mar 03 Javascript
微信小程序开发入门基础教程
Apr 19 Javascript
WebSocket实现简单客服聊天系统
May 12 Javascript
基于dataset的使用和图片延时加载的实现方法
Dec 11 Javascript
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
axios 实现post请求时把对象obj数据转为formdata
Oct 31 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 变量定义和变量替换的方法
2009/07/30 PHP
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
Thinkphp 中 distinct 的用法解析
2016/12/14 PHP
Yii框架实现记录日志到自定义文件的方法
2017/05/23 PHP
javascript数组组合成字符串的脚本
2021/01/06 Javascript
深入理解JavaScript系列(40):设计模式之组合模式详解
2015/03/04 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
微信小程序 同步请求授权的详解
2017/08/04 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
vue组件挂载到全局方法的示例代码
2018/08/02 Javascript
Vue.js获取被选择的option的value和text值方法
2018/08/24 Javascript
Node.js动手撸一个静态资源服务器的方法
2019/03/09 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
Node如何后台数据库使用增删改查功能
2019/11/21 Javascript
vue实现分页加载效果
2019/12/24 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
js实现省级联动(数据结构优化)
2020/07/17 Javascript
python处理二进制数据的方法
2015/06/03 Python
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
python分析作业提交情况
2017/11/22 Python
python实现多人聊天室
2020/03/31 Python
Python数据可视化之画图
2019/01/15 Python
python开发前景如何
2020/06/11 Python
解决Django响应JsonResponse返回json格式数据报错问题
2020/08/09 Python
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
儿科护士自我鉴定
2013/10/14 职场文书
经济与贸易专业应届生求职信
2013/11/19 职场文书
《散步》教学反思
2014/03/02 职场文书
爱国卫生月活动总结范文
2014/04/25 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
董事长助理岗位职责
2015/02/11 职场文书
在职证明书模板
2015/06/15 职场文书
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL
React四级菜单的实现
2022/04/08 Javascript
Python 数据可视化工具 Pyecharts 安装及应用
2022/04/20 Python