js 使用方法与函数 总结第2/4页

 更新时间:2009年05月17日 18:19:18   作者:  
js使用方法小结,比较不错,无论是新手,还是老手都是不错的。

26 访问document对象
1: <script language="JavaScript">
2: var myURL = document.URL;
3: window.alert(myURL);
4: </script>
27 动态输出HTML
1: <script language="JavaScript">
2: document.write(“<p>Here's some information about this document:</p>");
3: document.write(“<ul>");
4: document.write(“<li>Referring Document: “ + document.referrer + “</li>");
5: document.write(“<li>Domain: “ + document.domain + “</li>");
6: document.write(“<li>URL: “ + document.URL + “</li>");
7: document.write(“</ul>");
8: </script>
28 输出换行
1: document.writeln(“<strong>a</strong>");
2: document.writeln(“b");
29 输出日期
1: <script language="JavaScript">
2: var thisDate = new Date();
3: document.write(thisDate.toString());
4: </script>
30 指定日期的时区
1: <script language="JavaScript">
2: var myOffset = -2;
3: var currentDate = new Date();
4: var userOffset = currentDate.getTimezoneOffset()/60;
5: var timeZoneDifference = userOffset - myOffset;
6: currentDate.setHours(currentDate.getHours() + timeZoneDifference);
7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());
8: </script>
31 设置日期输出格式
1: <script language="JavaScript">
2: var thisDate = new Date();
3: var thisTimeString = thisDate.getHours() + “:" + thisDate.getMinutes();
4: var thisDateString = thisDate.getFullYear() + “/" + thisDate.getMonth() + “/" + thisDate.getDate();
5: document.write(thisTimeString + “ on “ + thisDateString);
6: </script>
32 读取URL参数
1: <script language="JavaScript">
2: var urlParts = document.URL.split(“?");
3: var parameterParts = urlParts[1].split(“&");
4: for (i = 0; i < parameterParts.length; i++) {
5: var pairParts = parameterParts[i].split(“=");
6: var pairName = pairParts[0];
7: var pairValue = pairParts[1];
8: document.write(pairName + “ :“ +pairValue );
9: }
10: </script>
你还以为HTML是无状态的么?
33 打开一个新的document对象
1: <script language="JavaScript">
2: function newDocument() {
3: document.open();
4: document.write(“<p>This is a New Document.</p>");
5: document.close();
6: }
7: </script>
34 页面跳转
1: <script language="JavaScript">
2: window.location = “https://www.jb51.net/";
3: </script>
35 添加网页加载进度窗口
1: <html>
2: <head>
3: <script language='javaScript'>
4: var placeHolder = window.open('holder.html','placeholder','width=200,height=200');
5: </script>
6: <title>The Main Page</title>
7: </head>
8: <body onLoad='placeHolder.close()'>
9: <p>This is the main page</p>
10: </body>
11: </html>

相关文章

  • 浅谈js键盘事件全面控制

    浅谈js键盘事件全面控制

    下面小编就为大家带来一篇浅谈js键盘事件全面控制。小编觉得挺不错的,在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • js实现点击烟花特效

    js实现点击烟花特效

    这篇文章主要介绍了js实现点击烟花特效,帮助大家更好的利用js美化网页,感兴趣的朋友可以了解下
    2020-10-10
  • JavaScript运动框架 多值运动(四)

    JavaScript运动框架 多值运动(四)

    这篇文章主要为大家详细介绍了JavaScript运动框架第四部分,多值运动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • JS事件处理机制及事件代理(事件委托)实例详解

    JS事件处理机制及事件代理(事件委托)实例详解

    这篇文章主要介绍了JS事件处理机制及事件代理,结合实例形式详细分析了JS时间处理机制与事件代理功能、用法及相关使用技巧,需要的朋友可以参考下
    2023-06-06
  • JavaScript输出为[object Object]问题的解决办法

    JavaScript输出为[object Object]问题的解决办法

    平时我们在接收后端返回的json对象通常是一个字符串类型的object,所以一般我们要对这个object进行类型转化后,我们才能使用object里面的数据,这篇文章主要给大家介绍了关于JavaScript输出为[object Object]问题的解决办法,需要的朋友可以参考下
    2023-11-11
  • JavaScript中正则表达式的实际应用详解

    JavaScript中正则表达式的实际应用详解

    这篇文章主要给大家介绍了关于JavaScript中正则表达式实际应用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 原生js添加节点appendChild、insertBefore方式

    原生js添加节点appendChild、insertBefore方式

    这篇文章主要介绍了原生js添加节点appendChild、insertBefore方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • JS/CSS实现字符串单词首字母大写功能

    JS/CSS实现字符串单词首字母大写功能

    这篇文章主要介绍了JS/CSS实现字符串单词首字母大写功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • 基于ES6作用域和解构赋值详解

    基于ES6作用域和解构赋值详解

    下面小编就为大家带来一篇基于ES6作用域和解构赋值详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • 在微信小程序中使用图表的方法示例

    在微信小程序中使用图表的方法示例

    这篇文章主要介绍了在微信小程序中使用图表的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04

最新评论