这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
唯一需要注意的地方: innerText 与 textContent,显示页面的时候不能用 innerhtml,否则会被解析。innerText 与 textContent 是在除 FF 之外的浏览器与 FF 之间的差异。
就是在当前页面用 AJAX 请求当前页面,返回的就是整个页面的 HTML·· 既然是整个页面,所以也包括文档声明
- var innerText = document.body.innerText ? 'innerText' : 'textContent';
上面的语句在开头处理以避免多次判断 demo 贴图:
demo:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>
- </title>
- </head>
- <body>
- <div id="test">
- <pre>
- 休息休息
- </pre>
- </div>
- <script type="text/javascript" src="ajax.js">
- </script>
- <script type="text/javascript">
- var connector = (function() {
- var connector = null;
- if (window.XMLHttpRequest) {
- connector = new XMLHttpRequest();
- } else if (window.ActiveXObject) {
- connector = new ActiveXObject('Microsoft.XMLHTTP');
- }
- return connector;
- })();
- var innerText = document.body.innerText ? 'innerText': 'textContent';
- var handler = function(response) {
- document.getElementById('test').getElementsByTagName('pre')[0][innerText] = response;
- }
- connector.onreadystatechange = (function(callback) {
- return function() {
- if (connector.readyState == 4) { //这里connector.status == 200都省了。
- callback.call(connector, connector.responseText);
- }
- }
- })(handler);
- connector.open('GET', location.href, true); //发送到本页面
- connector.send();
- </script>
- </body>
- </html>
来源: http://www.phperz.com/article/17/0625/282351.html