- 区分大小写
- 弱类型 定义变量时只用var运算符
-
结尾分号可有可无
image.png
- 获取元素
document.getElementById("id名称") //如果id是一个字符串，必须加上引号，如果是一个变量，那么不需要加上引号 -
获取元素里面的值
document.getElementById("id名称").value；
image.png
image.png
-
JS判空 if (value=="") 不能写成if(value==null)
-
JS事件
onload 和 onunload 事件
onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。
onload放在boyd部分，不能放在具体标签部分
onchange 事件
onchange 事件常结合对输入字段的验证来使用。
onmouseover 和 onmouseout 事件
onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
onmousedown、onmouseup 以及 onclick 事件
onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。
JS自动弹出广告
分析
- 在页面指定位置隐藏一个广告图片（使用display属性的none值）
- 确定onload事件并为其绑定一个函数
- 书写函数（设置一个显示图片的定时操作）
- 书写定时器中的函数（获取广告图片的位置并设置属性style的display值block）
- 清除显示图片的定时操作
- 书写隐藏图片的定时操作
- 书写定时器 中的函数（获取广告图片的位置并设置属性style的display值none）
- 清除隐藏图片的定时操作
JS代码引入方式
- 外部引入
<script type="text/javascript" src="#"></script>
- 内部引入
<script type="text/javascript" >
此处写js代码即可
</script>
Window对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Window对象</title>
<script>
confirm("您确定是否删除");
//输入框
prompt("请输入价格");
</script>
</head>
<body>
</body>
</html>
History对象
window.history 对象在编写时可不使用 window 这个前缀。
为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。
一些方法：
history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击按钮向前相同
- 后退实例
<html>
<head>
<script>
function goBack()
{
window.history.back()
}
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()">
</body>
</html>
- 前进实例
<html>
<head>
<script>
function goForward()
{
window.history.forward()
}
</script>
</head>
<body>
<input type="button" value="Forward" onclick="goForward()">
</body>
</html>
Location对象
window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
window.location 对象在编写时可不使用 window 这个前缀。
一些例子：
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 （80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）
location.href 属性返回当前页面的 URL。
网友评论