javascript基础整理

1 创建脚本块

引用内容程序代码
<script language=”JavaScript”>
JavaScript 代码写在这里面
</script>

2 隐藏脚本代码
引用内容程序代码
<script language=”JavaScript”>
<!–
document.write(“Hello”);
// –>
</script>
在不支持JavaScript的浏览器中将不执行相关代码

3 浏览器不支持的时候显示
引用内容程序代码
<noscript>
Hello to the non-JavaScript browser.
</noscript>

4 链接外部脚本文件
引用内容程序代码
<script language=”JavaScript” src=”/”filename.js””></script>

5 注释脚本
引用内容程序代码
// This is a comment
document.write(“Hello”); // This is a comment
/*
All of this
is a comment
*/

6 输出到浏览器
引用内容程序代码
document.write(“<strong>Hello</strong>”);

7 定义变量
引用内容程序代码
var myVariable = “some value”;

8 字符串相加
引用内容程序代码
var myString = “String1” + “String2”;

9 字符串搜索
引用内容程序代码
<script language=”JavaScript”>
<!–
var myVariable = “Hello there”;
var therePlace = myVariable.search(“there”);
document.write(therePlace);
// –>
</script>

10 字符串替换
引用内容程序代码
thisVar.replace(“Monday”,”Friday”);

11 格式化字串
引用内容程序代码
<script language=”JavaScript”>
<!–
var myVariable = “Hello there”;
document.write(myVariable.big() + “<br>”);
document.write(myVariable.blink() + “<br>”);
document.write(myVariable.bold() + “<br>”);
document.write(myVariable.fixed() + “<br>”);
document.write(myVariable.fontcolor(“red”) + “<br>”);
document.write(myVariable.fontsize(“18pt”) + “<br>”);
document.write(myVariable.italics() + “<br>”);
document.write(myVariable.small() + “<br>”);
document.write(myVariable.strike() + “<br>”);
document.write(myVariable.sub() + “<br>”);
document.write(myVariable.sup() + “<br>”);
document.write(myVariable.toLowerCase() + “<br>”);
document.write(myVariable.toUpperCase() + “<br>”);
var firstString = “My String”;
var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
// –>
</script>

12 创建数组
引用内容程序代码
<script language=”JavaScript”>
<!–
var myArray = new Array(5);
myArray[0] = “First Entry”;
myArray[1] = “Second Entry”;
myArray[2] = “Third Entry”;
myArray[3] = “Fourth Entry”;
myArray[4] = “Fifth Entry”;
var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
// –>
</script>

13 数组排序
引用内容程序代码
<script language=”JavaScript”>
<!–
var myArray = new Array(5);
myArray[0] = “z”;
myArray[1] = “c”;
myArray[2] = “d”;
myArray[3] = “a”;
myArray[4] = “q”;
document.write(myArray.sort());
// –>
</script>

14 分割字符串
引用内容程序代码
<script language=”JavaScript”>
<!–
var myVariable = “a,b,c,d”;
var stringArray = myVariable.split(“,”);
document.write(stringArray[0]);
document.write(stringArray[1]);
document.write(stringArray[2]);
document.write(stringArray[3]);
// –>
</script>

15 弹出警告信息
引用内容程序代码
<script language=”JavaScript”>
<!–
window.alert(“Hello”);
// –>
</script>

16 弹出确认框
引用内容程序代码
<script language=”JavaScript”>
<!–
var result = window.confirm(“Click OK to continue”);
// –>
</script>

17 自定义函数
引用内容程序代码
<script language=”JavaScript”>
<!–
function multiple(number1,number2) {
var result = number1 * number2;
return result;
}
// –>
</script>

18 调用JS函数
引用内容程序代码
<a href=”#” onClick=”functionName()”>Link text</a>
<a href=”/”javascript:functionName”()”>Link text</a>

19 在页面加载完成后执行函数
引用内容程序代码
<body onLoad=”functionName();”>
Body of the page
</body>

20 条件判断
引用内容程序代码
<script>
<!–
var userChoice = window.confirm(“Choose OK or Cancel”);
var result = (userChoice == true) ? “OK” : “Cancel”;
document.write(result);
// –>
</script>

21 指定次数循环
引用内容程序代码
<script>
<!–
var myArray = new Array(3);
myArray[0] = “Item 0”;
myArray[1] = “Item 1”;
myArray[2] = “Item 2”;
for (i = 0; i < myArray.length; i++) {
document.write(myArray[i] + “<br>”);
}
// –>

转载于:https://www.cnblogs.com/wangjisi/archive/2010/06/03/1750877.html

javascript基础整理相关推荐

JavaScript基础整理（配代码及注释）
文章目录 1. 变量 1.1 变量基础 1.2 变量基础小案例 1.3 交换两个变量值 1.4 变量的数据类型 1.5 获取变量的数据类型 1.6 变量的语法扩展 1.7 布尔型Boolean 1.8 ...
JavaScript基础小节——手写重点整理02
接上一篇博客<JavaScript基础小节--手写重点整理01>:点这里继续手写整理了一些我认为容易混淆的一些知识点如图所示:
javascript基础入门知识点整理
学习目标:- 掌握编程的基本思维- 掌握编程的基本语法 typora-copy-images-to: media JavaScript基础 HTML和CSS 京东课前娱乐众人皆笑我疯癫,我笑尔等看 ...
JavaScript基础---语言基础（1）
写在前面: 通过四篇博客把JS基础中的基础整理一下,方便自己查阅,这些内容对于实际项目开发中也许并不会在意,但是作为JS的语言基础,自觉还是应该熟悉.在完成这三篇博客(JavaScript基础---语 ...
Javascript基础回顾之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
前端基础入门四（JavaScript基础）
为什么80%的码农都做不了架构师?>>> 目标: 掌握编程的基本思维掌握编程的基本语法我们先来学习JavaScript基础,后续会讲解JavaScript高级. 自己是个做 ...
Javascript基础回顾之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
JavaScript笔记整理
JavaScript笔记整理这段时间没有之前花在学习上的时间多了目前进度还停留在JavaScript和D3.js(这个目前只找到了教程) 主要原因是因为决定自己找单位实习,到了今天26号才有了眉目 ...
JavaScript基础教程新手入门必看
对前端稍微有点了解的初学者都知道,JavaScript是必不可少的工具.毫不夸张的说,大部分网页都使用了JavaScript,想要成为一个优秀的前端工程师,做出漂亮令用户满意的网页,熟练掌握JavaS ...

javascript基础整理

javascript基础整理相关推荐

最新文章

热门文章