1 创建脚本块
1: <scrīpt language=”Javascrīpt”>
2: Javascrīpt code goes here
3: </scrīpt>
2 隐藏脚本代码
1: <scrīpt language=”Javascrīpt”>
2: <!–
3: document.write(“Hello”);
4: // –>
5: </scrīpt>
在不支持Javascrīpt的浏览器中将不执行相关代码
3 浏览器不支持的时候显示
1: <noscrīpt>
2: Hello to the non-Javascrīpt browser.
3: </noscrīpt>
4 链接外部脚本文件
1: <scrīpt language=”Javascrīpt” src=”/”filename.js” mce_src=”/”filename.js””></scrīpt>
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: <scrīpt language=”Javascrīpt”>
2: <!–
3: var myVariable = “Hello there”;
4: var therePlace = myVariable.search(“there”);
5: document.write(therePlace);
6: // –>
7: </scrīpt>
10 字符串替换
1: thisVar.replace(“Monday”,”Friday”);
11 格式化字串1: <scrīpt language=”Javascrīpt”>
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: </scrīpt>
12 创建数组1: <scrīpt language=”Javascrīpt”>
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: </scrīpt>
13 数组排序
1: <scrīpt language=”Javascrīpt”>
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: </scrīpt>
14 分割字符串
1: <scrīpt language=”Javascrīpt”>
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: </scrīpt>
15 弹出警告信息
1: <scrīpt language=”Javascrīpt”>
2: <!–
3: window.alert(“Hello”);
4: // –>
5: </scrīpt>
16 弹出确认框
1: <scrīpt language=”Javascrīpt”>
2: <!–
3: var result = window.confirm(“Click OK to continue”);
4: // –>
5: </scrīpt>
17 定义函数
1: <scrīpt language=”Javascrīpt”>
2: <!–
3: function multiple(number1,number2) {
4: var result = number1 * number2;
5: return result;
6: }
7: // –>
8: </scrīpt>
18 调用JS函数
1: <a href=”#” ōnClick=”functionName()”>Link text</a>
2: <a href=”/”javascrīpt:functionName“()”>Link text</a> 19 在页面加载完成后执行函数1: <body ōnLoad=”functionName();”>
2: Body of the page
3: </body>
20 条件判断
1: <scrīpt>
2: <!–
3: var userChoice = window.confirm(“Choose OK or Cancel”);
4: var result = (userChoice == true) ? “OK” : “Cancel”;
5: document.write(result);
6: // –>
7: </scrīpt>
21 指定次数循环
1: <scrīpt>
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: </scrīpt>
22 设定将来执行
1: <scrīpt>
2: <!–
3: function hello() {
4: window.alert(“Hello”);
5: }
6: window.setTimeout(“hello()”,5000);
7: // –>
8: </scrīpt>
23 定时执行函数
1: <scrīpt>
2: <!–
3: function hello() {
4: window.alert(“Hello”);
5: window.setTimeout(“hello()”,5000);
6: }
7: window.setTimeout(“hello()”,5000);
8: // –>
9: </scrīpt>
24 取消定时执行
1: <scrīpt>
2: <!–
3: function hello() {
4: window.alert(“Hello”);
5: }
6: var myTimeout = window.setTimeout(“hello()”,5000);
7: window.clearTimeout(myTimeout);
8: // –>
9: </scrīpt>
25 在页面卸载时候执行函数
1: <body ōnUnload=”functionName();”>
2: Body of the page
3: </body>
Javascrīpt就这么回事2：浏览器输出
26 访问document对象
1: <scrīpt language=”Javascrīpt”>
2: var myURL = document.URL;
3: window.alert(myURL);
4: </scrīpt>
27 动态输出HTML
1: <scrīpt language=”Javascrīpt”>
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: </scrīpt>
28 输出换行
1: document.writeln(“<strong>a</strong>”);
2: document.writeln(“b”);
29 输出日期
1: <scrīpt language=”Javascrīpt”>
2: var thisDate = new Date();
3: document.write(thisDate.toString());
4: </scrīpt>
30 指定日期的时区
1: <scrīpt language=”Javascrīpt”>
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: </scrīpt>
31 设置日期输出格式1: <scrīpt language=”Javascrīpt”>
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: </scrīpt>
32 读取URL参数
1: <scrīpt language=”Javascrīpt”>
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: </scrīpt>
你还以为HTML是无状态的么？
33 打开一个新的document对象
1: <scrīpt language=”Javascrīpt”>
2: function newDocument() {
3: document.open();
4: document.write(“<p>This is a New Document.</p>”);
5: document.close();
6: }
7: </scrīpt>
34 页面跳转
1: <scrīpt language=”Javascrīpt”>
2: window.location = “http://www.liu21st.com/”;
3: </scrīpt>
35 添加网页加载进度窗口
1: <html>
2: <head>
3: <scrīpt language=’javascrīpt’>
4: var placeHolder = window.open(’holder.html’,'placeholder’,'width=200,height=200′);
5: </scrīpt>
6: <title>The Main Page</title>
7: </head>
8: <body ōnLoad=’placeHolder.close()’>
9: <p>This is the main page</p>
10: </body>
11: </html>
Javascrīpt就这么回事3：图像
36 读取图像属性
1: <img src=”/”image1.jpg”” name=”myImage”>
2: <a href=”# ” ōnClick=”window.alert(document.myImage.width)”>Width</a>
3:
37 动态加载图像
1: <scrīpt language=”Javascrīpt”>
2: myImage = new Image;
3: myImage.src = “Tellers1.jpg”;
4: </scrīpt>
分享到：
相关推荐
本章没有深奥的讲解js一些底层原理，比如this指针、作用域、原型啦，涉及的都是一些有利于平时开发时简化代码，提高执行效率，或者说可以当做一种经验方法来使用，篇幅都不长，小步快跑的让你阅读完整篇文章，体验...
这篇博客"JavaScript实用小函数(一)"可能涵盖了JavaScript基础以及一些实用技巧，虽然具体细节未在描述中给出，但我们可以根据常见的话题进行深入探讨。本文将主要围绕JavaScript中的函数、面向对象编程以及多态性来...
"JavaScript实用范例辞典"无疑为学习者提供了一本全面而深入的参考资料，旨在帮助他们掌握JavaScript的核心概念，以及如何在实际项目中应用这些知识。 1. **JavaScript基础** - 变量与数据类型：了解JavaScript中...
这份"javascript实用代码大全(一)超经典★★★★★"的压缩包文件，显然是一个汇集了JavaScript实用代码的资源集合，旨在帮助开发者解决日常开发中的各种问题。以下是基于这个主题的JavaScript知识点详细说明： 1. *...
5. Node.js：JavaScript运行环境，允许在服务器端使用JS。.NET开发者可以利用Node.js构建后端服务，或者用工具如Grunt、Gulp进行前端构建。 6. SignalR：ASP.NET提供的实时通信库，支持WebSocket、Server-Sent ...
在“JavaScript实用范例”中，我们将会探索JavaScript的核心特性、语法以及在实际开发中的常见应用场景。 首先，JavaScript的基础语法是学习的重点。这包括变量声明（var、let、const）、数据类型（如字符串、数字...
### 纯JS方法比较日期之间大小（实用） 在日常的Web开发中，经常会遇到需要对日期进行处理的情况，比如比较两个日期的大小、计算日期间隔等。本篇将详细介绍如何仅使用JavaScript来实现日期之间的大小比较功能，并...
在“超实用的JS代码”这个主题下，我们聚焦于那些可以提升开发效率、解决实际问题的JavaScript代码片段。 1. **DOM操作**：JavaScript能够通过Document Object Model（DOM）来操作HTML元素，比如`document....
JavaScript，简称JS，是一种广泛用于Web开发的轻量级、解释型编程语言，以其灵活性和交互性在网页设计中占据核心地位。本压缩包“超实用的JavaScript代码”旨在为初学者提供一系列实用的代码示例，帮助他们快速理解...
flyer.js, 在 iframe 框架和 Windows 之间工作的广播消息库 Flyer.js flyer.js 是为 clojurescript & javascript编写的轻量级消息传递库。它提供帧。iframe和 Windows 之间的广播消息。下面是一个演示页面，它在工作...
JavaScript实用知识库分享 本篇文章将详细介绍JavaScript的实用知识库，涵盖了JavaScript的基础知识、Ajax、DOM操作、事件处理、数据存储、异步编程、正则表达式、ES6、回调函数、Web API、动画库、设计模式等多...
"js实用地图链接"这个主题涉及到的是如何利用JavaScript来处理地图相关的交互和数据展示。下面将详细介绍JavaScript在创建地图链接时所涉及的关键知识点。 1. **地图API**：在JavaScript中，我们通常会借助第三方的...
JavaScript还有丰富的库和框架，如jQuery简化了DOM操作，React.js和Vue.js用于构建单页应用，Angular.js提供了一整套解决方案。ES6（ECMAScript 6）引入了类、模块、箭头函数等新特性，提升了JavaScript的开发效率...
资源名称：超实用的Node.js代码段内容简介：《超实用的Node.js代码段》精选300余段Node.js代码，涵盖了服务器端脚本开发中的绝大多数要点、技巧与方法，堪称史上最实用的Node.js框架开发方面的参考书籍，是网站建设...
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个...
在JavaScript的世界里，创建一个日历...通过学习和理解这个"简单实用的js日历"，开发者可以掌握创建自定义日历组件的基础，进一步提升自己的JavaScript编程技能，同时也能更好地理解和应用前端开发中的各种实践方法。
本文分享下自己平时积累的一些实用性较高的js方法，供大家指点和评价。本想分篇介绍，发现有点画蛇添足。整理了下也没多少拿得出手的方法，自然有一些是网上看到的个人觉得很有实用性的方法，在这里一起贴出来供大家...
这篇文章主要聚焦于JavaScript的一些基本方法和实用技巧，旨在帮助无论是初学者还是有一定经验的开发者提升JavaScript技能。 首先，创建JavaScript脚本块是通过`<script>`标签实现的，其中`language="JavaScript"`...