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

1 创建脚本块
1: <script language="JavaScript">
2: JavaScript code goes here
3: </script>
2 隐藏脚本代码
1: <script language="JavaScript">
2: <!--
3: document.write(“Hello");
4: // -->
5: </script>
在不支持JavaScript的浏览器中将不执行相关代码
3 浏览器不支持的时候显示
1: <noscript>
2: Hello to the non-JavaScript browser.
3: </noscript>
4 链接外部脚本文件
1: <script language="JavaScript" src="/"filename.js""></script>
5 注释脚本
1: // This is a comment
2: document.write(“Hello"); // This is a comment
3: /*
4: All of this
5: is a comment
6: */
6 输出到浏览器
1: document.write(“<strong>Hello</strong>");
7 定义变量
1: var myVariable = “some value";
8 字符串相加
1: var myString = “String1" + “String2";
9 字符串搜索
1: <script language="JavaScript">
2: <!--
3: var myVariable = “Hello there";
4: var therePlace = myVariable.search(“there");
5: document.write(therePlace);
6: // -->
7: </script>
10 字符串替换
1: thisVar.replace(“Monday","Friday");
11 格式化字串
1: <script language="JavaScript">
2: <!--
3: var myVariable = “Hello there";
4: document.write(myVariable.big() + “<br>");
5: document.write(myVariable.blink() + “<br>");
6: document.write(myVariable.bold() + “<br>");
7: document.write(myVariable.fixed() + “<br>");
8: document.write(myVariable.fontcolor(“red") + “<br>");
9: document.write(myVariable.fontsize(“18pt") + “<br>");
10: document.write(myVariable.italics() + “<br>");
11: document.write(myVariable.small() + “<br>");
12: document.write(myVariable.strike() + “<br>");
13: document.write(myVariable.sub() + “<br>");
14: document.write(myVariable.sup() + “<br>");
15: document.write(myVariable.toLowerCase() + “<br>");
16: document.write(myVariable.toUpperCase() + “<br>");
17:
18: var firstString = “My String";
19: var finalString = firstString.bold().toLowerCase().fontcolor(“red");
20: // -->
21: </script>
12 创建数组
1: <script language="JavaScript">
2: <!--
3: var myArray = new Array(5);
4: myArray[0] = “First Entry";
5: myArray[1] = “Second Entry";
6: myArray[2] = “Third Entry";
7: myArray[3] = “Fourth Entry";
8: myArray[4] = “Fifth Entry";
9: var anotherArray = new Array(“First Entry","Second Entry","Third Entry","Fourth Entry","Fifth Entry");
10: // -->
11: </script>
13 数组排序
1: <script language="JavaScript">
2: <!--
3: var myArray = new Array(5);
4: myArray[0] = “z";
5: myArray[1] = “c";
6: myArray[2] = “d";
7: myArray[3] = “a";
8: myArray[4] = “q";
9: document.write(myArray.sort());
10: // -->
11: </script>
14 分割字符串
1: <script language="JavaScript">
2: <!--
3: var myVariable = “a,b,c,d";
4: var stringArray = myVariable.split(“,");
5: document.write(stringArray[0]);
6: document.write(stringArray[1]);
7: document.write(stringArray[2]);
8: document.write(stringArray[3]);
9: // -->
10: </script>
15 弹出警告信息
1: <script language="JavaScript">
2: <!--
3: window.alert(“Hello");
4: // -->
5: </script>
16 弹出确认框
1: <script language="JavaScript">
2: <!--
3: var result = window.confirm(“Click OK to continue");
4: // -->
5: </script>
17 定义函数
1: <script language="JavaScript">
2: <!--
3: function multiple(number1,number2) {
4: var result = number1 * number2;
5: return result;
6: }
7: // -->
8: </script>
18 调用JS函数
1: <a href="#" onClick="functionName()">Link text</a>
2: <a href="/"javascript:functionName"()">Link text</a>
19 在页面加载完成后执行函数
1: <body onLoad="functionName();">
2: Body of the page
3: </body>
20 条件判断
1: <script>
2: <!--
3: var userChoice = window.confirm(“Choose OK or Cancel");
4: var result = (userChoice == true) ? “OK" : “Cancel";
5: document.write(result);
6: // -->
7: </script>
21 指定次数循环
1: <script>
2: <!--
3: var myArray = new Array(3);
4: myArray[0] = “Item 0";
5: myArray[1] = “Item 1";
6: myArray[2] = “Item 2";
7: for (i = 0; i < myArray.length; i++) {
8: document.write(myArray[i] + “<br>");
9: }
10: // -->
11: </script>
22 设定将来执行
1: <script>
2: <!--
3: function hello() {
4: window.alert(“Hello");
5: }
6: window.setTimeout(“hello()",5000);
7: // -->
8: </script>
23 定时执行函数
1: <script>
2: <!--
3: function hello() {
4: window.alert(“Hello");
5: window.setTimeout(“hello()",5000);
6: }
7: window.setTimeout(“hello()",5000);
8: // -->
9: </script>
24 取消定时执行
1: <script>
2: <!--
3: function hello() {
4: window.alert(“Hello");
5: }
6: var myTimeout = window.setTimeout(“hello()",5000);
7: window.clearTimeout(myTimeout);
8: // -->
9: </script>
25 在页面卸载时候执行函数
1: <body onUnload="functionName();">
2: Body of the page
3: </body>

当前1/4页 1234下一页阅读全文

赞 (0)

相关推荐

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

    1 创建脚本块 1: <script language="JavaScript"> 2: JavaScript code goes here 3: </script> 2 隐藏脚本代码 1: <script language="JavaScript"> 2: <!-- 3: document.write("Hello"); 4: // --> 5: </script> 在不支持JavaS

  • JS随机调用指定函数的方法

    本文实例讲述了JS随机调用指定函数的方法.分享给大家供大家参考.具体如下: 本代码通过随机定时器调用指定函数,可达到间隔随机时间之行指定的函数的目的 function randRange(data) { var newTime = data[Math.floor(data.length * Math.random())]; return newTime; } function toggleSomething() { var timeArray = new Array(200, 300, 150,

  • js中的eval()函数把含有转义字符的字符串转换成Object对象的方法

    在项目中遇到一个问题:在前端需要把后台返回的json字符串转换成一个js中的json对象,可是从后台返回的字符串中含有转义字符:\", 在网上查到方法如下,可以处理这种情况: var page = eval("("+data+")"); 以上这篇js中的eval()函数把含有转义字符的字符串转换成Object对象的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • 浅谈JS中的bind方法与函数柯里化

    绑定函数bind()最简单的用法是创建一个函数,使这个函数不论怎么调用都有同样的this值.不同于call和apply只是单纯地设置this的值后传参,它还会将所有传入bind()方法中的实参(第一个参数之后的参数)与this一起绑定. 关于这个特性看<JS权威指南>原文的例子: var sum = function(x,y) { return x + y }; var succ = sum.bind(null, 1); //让this指向null,其后的实参也会作为实参传入被绑定的函数sum

  • js调用父框架函数与弹窗调用父页面函数的简单方法

    调用父级中的 aaa的函数 子页面中: onclick="window.parent.frames.aaa()" 父页面中: function aaa() { alert('bbbbb'); } frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面. window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面. 可以这样 window.frames[0]

  • 在 Node.js 中使用 async 函数的方法

    借助于新版 V8 引擎,Node.js 从 7.6 开始支持 async 函数特性.今年 10 月 31 日,Node.js 8 也开始成为新的长期支持版本,因此你完全可以放心大胆地在你的代码中使用 async 函数了.在这边文章里,我会简要地介绍一下什么是 async 函数,以及它会如何改变我们编写 Node.js 应用的方式. 1 什么是 async 函数 利用 async 函数,你可以把基于 Promise 的异步代码写得就像同步代码一样.一旦你使用 async 关键字来定义了一个函数,那

  • 基于Require.js使用方法(总结)

    一.为什么要使用require.js 首先一个页面如果在加载多个js文件的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长:其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序,当依赖关系很复杂的时候,代码的编写和维护都会变得困难. require.js,就是为了解决这两个问题: 1. 实现js文件的异步加载,避免网页失去响应: 2. 管理模块之间的依赖性,便于代码的编写和维护. 二.require.js的加载 第一步,去官网下载最新版本,直接放到页面进行加载 <sc

  • JS自定义混合Mixin函数示例

    JS自定义混合Mixin函数示例

    本文实例讲述了JS自定义混合Mixin函数.分享给大家供大家参考,具体如下: <script type="text/javascript"> /* 增加函数 */ function augment(receivingClass, givingClass) { for(methodName in givingClass.prototype) { if(!receivingClass.prototype[methodName]) { receivingClass.prototy

  • JS中关于事件处理函数名后面是否带括号的问题

    今天总结一个关于事件处理程序的小细节.首先回顾一下事件处理的一些概念. JS中的事件处理(事件绑定)就是让某种或某些事件触发某些活动.有两种常见的形式,分别是DOM Level 0 和DOM Level 2.这两种方式最大的区别就在于DOM 0级事件处理只能用于事件冒泡,而DOM 2级事件处理却可以通过设置第三个参数来分别支持事件冒泡和事件捕获. DOM 0级事件处理一般是直接把一个函数分配给一个事件处理程序,既可以在元素中直接分配一个事件处理程序,如方式一所示;也可以在脚本中把函数分配给事件处

  • JS数组排序方法实例分析

    本文实例讲述了JS数组排序方法.分享给大家供大家参考,具体如下: 方法一.冒泡排序 思路:依次比较数组中的第一个元素和第二个元素,如果第一个元素大于第二个元素,则交换位置,所以需要两个函数:交换位置函数和比较函数 比较轮数为数组长度 var arr=[2,58,49,26,34]; function change(f,s){ var temp=arr[f]; arr[f]=arr[s]; arr[s]=temp; } for(var i=0;i<arr.length;i++){ for(var

随机推荐