Javascript是什么？ Js是一种轻量级网络脚本语言，用来向html页面添加交互行为。它是一种解释性语言即不需要预编译就能执行。
Javascript能做什么？①js可以讲动态的变量放入html页面。将js代码放入html代码中执行，如document.write(“<ht>”+name+”</h1>”) 就可以将name变量写入html页面中。②js可以监听事件。如当页面载入完成时或者用户进行鼠标或者键盘操作时，onload，onmousemove,onfocus等事件。③js可以读取且编辑html 的内容，document.getElementById(“nv”).innerHtml=”hello world”,即可改变id为nv组件的html代码。④js可用来验证数据合法性，前台验证（可以简单被绕过）。If(document.getElementById(“name”).length>20) return false; 验证文本长短。⑤js可用来检测访问者的浏览器，根据浏览器的不同来载入相应页面，常用于浏览器的兼容性。navigator.userAgent.toLowerCase().indexOf("firefox") 就检测是否是firefox浏览器。⑥js可用来创建cookie。document.cookie=name+"="+value+expires+"; path=/";
如何在html代码中嵌入js？①直接在html代码中<script type="text/javascript">alert(“hello world”);</script>。②调用外部的js文件。<script src=out/helloworld.js></scirpt>，甚至可以调用第三方站点上的js（安全问题）。
常用的js代码
1、 最简单的alert(“hello world”),常用来发送一则消息提醒用户。
2、 确认框，confirm(“确认要删除吗？”)
3、 提示框，prompt(“文本”,”默认值”)
4、 自定义js函数：
<html>
<head>
<script type="text/javascript">
function printHello()
{
alert("hello world");
}
</script>
</head>
<body>
<input type="button" value="click" onclick="printHello()">
</body>
</html>
5、页面事件，js可以监视浏览器事件
Onclick事件，ondbclick（双击事件），onload（页面载入事件），onUnload（关闭页面事件），onfocus（获取焦点事件），onblur（失去焦点事件），onchange（改变事件），onsubmit（提交表单事件），onmouseover（鼠标进入组件事件），onmouseOut（鼠标离开组件事件），onerror（加载文档或者图像失败事件），onkeydown（某个键被按下事件）等。事件常被用在xss渗透中。
6、 字符串处理函数。①字符串长度 name.length即返回name的长度。②indexOf()计算字符串中指定字符第一次出现的位置。③match()用来查找字符串中特定的字符。④replace()替换字符串的一些字符。常用来过滤用户输入的内容。⑤toLowerCase()、toUpperCase()将字符串转换为小、大写。⑥concat()连接两个字符串。⑦slice()提取字符串的片段。
7、 Date函数。var now =new Date();即可新建一个时间对象。①now.getTime()获取从1970年到当前的毫秒数。②setFullYear()设置具体的日期。now.setFullYear(1990,1,1),即可把日期设置为1990年1月1日的当前时间。③toUTCString()将当前日期转化为字符串。Sat, 27 Oct 2012 02:49:24 GMT。④getDay()获取当前是一周中的第几天。类似有getDate, getMonth, getFullYear, getHours, getMinutes(), getSeconds。⑤parse()返回从1970年1月1日到指定日期的毫秒数。
8、 Js Html DOM对象。①window：js中的顶层对象。Window表示浏览器窗口。每当<body>或者<frameset>标签出现时，window对象就被创建。其实前面的一些函数都是这个对象内部的函数，alert，其实全写是window.alert。open()用于打开一个新的浏览器窗口。浏览器窗口。②Navigator:包含客户端浏览器的相关信息，前面判断浏览器的类型就是用它。
appCodeName：返回浏览器代码名；appMinorVersion返回浏览器次级版本；appName返回浏览器名称；appVersion返回浏览器平台和版本信息；userAgent返回user-agent头部的值。③Screen包含客户端显示屏的信息。④History包含浏览器访问历史。history.length返回浏览器历史记录的url数量；history.back()加载上一个url（和点击浏览器后退按钮效果一样）；history.forward()加载下一个url；history.go()加载指定的url。⑤Location包含当前URL的信息。
hash返回从#开始的url；host返回主机名；href完整的url；pathname当前url的路径部分；search返回从? 开始的url部分。Assign()加载指定的文档，reload()重新加载当前文档，replace()用新的文档替换当前文档。
有意思的例子
1、 记录键盘动作：
document.onkeypress=function(){window.status+=String.fromCharCode(window.event.keyCode);}
该命令用于将用户在浏览器中的键盘动作保存在window.status中。在浏览器中运行该命令，随便在网页中输入写字符，然后运行命令：window.status,可以看到status中保存了刚才的键盘动作。
2、 IE获取剪切板内容（需要用户允许）：
<html>
<body>
<script>
alert(window.clipboardData.getData("text"));
</script>
</body>
</html>
设置剪切板内容：
window.clipboardData.setData("text","set by javascript");
因为安全问题：firefox和chrome禁用clipboard。
3、 利用JS进行location重定向，钓鱼网站。
Location.href=https://www.yeetrack.com
4、 调用本地程序（IE）
<html>
<body>
<script> var o=new ActiveXObject(‘WScript.shell’); o.run(‘cmd.exe’); </script>
</body>
</html>
5、 操作本地文件。
<html>
<body>
<script>
var fso = new ActiveXObject("Scripting.FileSystemObject");
var file1 = fso.CreateTextFile("d:\yeetrack.com.txt",true);
</script>
</body>
</html>
//读取本地文件
<html>
<body>
<script>
if(typeof window.ActiveXObject != 'undefined')
{
var content = "";
try {
var fso = new ActiveXObject("Scripting.FileSystemObject");
var reader = fso.openTextFile("D:\yeetrack.com.txt", 1);
while(!reader.AtEndofStream) {
content += reader.readline();
content += "n";
}
reader.close();
alert(content);
}
catch (e) {
alert("Internet Explore read local file error: n" + e);
}
}
</script>
</body>
</html>
版权声明
本站文章、图片、视频等（除转载外），均采用知识共享署名 4.0 国际许可协议（CC BY-NC-SA 4.0），转载请注明出处、非商业性使用、并且以相同协议共享。
© 空空博客，本文链接：https://www.yeetrack.com/?p=125
近期评论