`
zhongwuxiong
  • 浏览: 9172 次
  • 性别: Icon_minigender_1
  • 来自: 福建龙岩
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

JavaScript基本语法总结

阅读更多

 

创建脚本块
<script language=”JavaScript”>
JavaScript code goes here
</script>
隐藏脚本代码

<script language=”JavaScript”>
<!--
document.write(“Hello”);
// -->
</script>

浏览器不支持的时候显示

<noscript>
Hello to the non-JavaScript browser.
</noscript>

链接外部脚本文件

<script language=”JavaScript” src="/”youname.js"”></script>

注释脚本

// This is a comment
document.write(“Hello”); // This is a comment
/*
All of this
is a comment
*/

输出到浏览器

document.write(“<strong>输出内容</strong>”);

定义变量

var myVariable = “some value”;

字符串相加

var myString = “String1” + “String2”;

字符串搜索

<script language=”JavaScript”>
<!--
var myVariable = “Hello there”;
var therePlace = myVariable.search(“there”);
document.write(therePlace);
// -->
</script>

字符串替换

thisVar.replace(“Monday”,”Friday”);

格式化字串

<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>

创建数组

<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>

数组排序

<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>

分割字符串

<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>

弹出警告信息

<script language=”JavaScript”>
<!--
window.alert(“Hello”);
// -->
</script>

弹出确认框

<script language=”JavaScript”>
<!--
var result = window.confirm(“Click OK to continue”);
// -->
</script>

定义函数

<script language=”JavaScript”>
<!--
function multiple(number1,number2) {
var result = number1 * number2;
return result;
}
// -->
</script>

调用JS函数

<a href=”#” onClick=”functionName()”>Link text</a>
<a href="/”javascript:functionName"()”>Link text</a>

在页面加载完成后执行函数

<body onLoad=”functionName();”>
Body of the page
</body>

条件判断

<script>
<!--
var userChoice = window.confirm(“Choose OK or Cancel”);
var result = (userChoice == true) ? “OK” : “Cancel”;
document.write(result);
// -->
</script>

指定次数循环

<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 + “<br>”);
}
// -->
</script>

设定将来执行

<script>
<!--
function hello() {
window.alert(“Hello”);
}
window.setTimeout(“hello()”,5000);
// -->
</script>

定时执行函数

<script>
<!--
function hello() {
window.alert(“Hello”);
window.setTimeout(“hello()”,5000);
}
window.setTimeout(“hello()”,5000);
// -->
</script>

取消定时执行

<script>
<!--
function hello() {
window.alert(“Hello”);
}
var myTimeout = window.setTimeout(“hello()”,5000);
window.clearTimeout(myTimeout);
// -->
</script>

在页面卸载时候执行函数
<body onUnload=”functionName();”>
Body of the page
</body>

分享到:
评论

相关推荐

    javascript基础语法总结.pdf

    这个资源是javaScript基础语法的总结,适合学完javascript基础语法的进行巩固、复习! 这...我是想免费给大家看的,这怎么还收费

    JavaScript基础语法.xmind

    自己总结的JavaScript基础语法的笔记,绘制了详细的思维导图,每个思维导图中均有详细的博文解释,方便大家学习和理解,免费分享给大家。适合网页前端的爱好者和学习者

    《javascript》-JavaScript基本语法总结PDF

    1)了解JavaScript的书写规范 2)掌握JavaScript的数据类型 3)掌握JavaScript运算符与表达式 二、使用的讲授方法(打算采用什么方法讲授,以便让学生想的透、记得牢、用的好,最好过目不忘) JavaScript运算符与表达式...

    JavaScript学习资料JavaScript基础语法函数及相关源代码资料.zip

    JavaScript学习资料JavaScript基础语法函数及相关源代码资料: BOM基础.pdf BOM基础(源代码).zip Date对象之获取和设置月份-getMonth&setMonth(教辅).pdf DOM事件总结(教辅).pdf DOM事件(ppt).pdf JavaScripr...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...

    JavaScript基础语法-书写语法

    ### JavaScript基础语法-书写语法 #### 一、基本的书写语法 JavaScript是一种区分大小写的编程语言,这意味着在定义变量、函数或任何标识符时,必须确保名称的大小写正确无误。例如,`var`, `VAR`, 和 `Var` 在 ...

    JavaScript基本语法 30分钟就会

    JavaScript是一种广泛应用于网页和应用程序的脚本语言,它的基本语法是学习和掌握JavaScript的基础。在本文中,我们将深入探讨JavaScript的基本语法,包括常量、变量、表达式和运算符等方面。 首先,让我们了解...

    JavaScript语法.rar

    首先,"JavaScript语法.txt"文件是一个文本格式的JavaScript基础语法总结。它可能包含了以下内容: 1. **变量声明**:JavaScript中的`var`、`let`和`const`关键字,它们的区别以及作用域的概念。 2. **数据类型**:...

    JavaScript学习基础学习心得

    #### JavaScript基础语法 1. **运算符**: - 算术运算符:`+`、`-`、`*`、`/`、`%`。 - 赋值运算符:`=、+=、-=、*=、/=、%=`。 - 比较运算符:`==、===、!=、!==、&lt;、&gt;、、&gt;=`。 - 逻辑运算符:`&&、||、!`。 ...

    100多个有用的JavaScript函数及基础语法集合

    JavaScript 是一种广泛应用于 Web 开发的编程语言,下面是 JavaScript 基础语法和函数集合的总结: 输出语句 document.write("") 用于输出语句到 HTML 文档中。 注释 在 JavaScript 中,使用 // 来注释一行代码,...

    JavaScript语法手册

    ### JavaScript语法手册知识点详解 #### 一、JavaScript函数 JavaScript是一种广泛使用的编程语言,尤其适用于Web开发。在JavaScript中,函数是一段可重用的代码块,用于执行特定任务。 ##### 1. GetObject函数 -...

    JavaScript初识及基本语法详解

    以上介绍了 JavaScript 的基础知识和基本语法,包括语言特点、数据类型、运算符、流程控制、函数、对象与数组、事件与 DOM 操作以及浏览器兼容性处理。JavaScript 不仅仅局限于这些基础特性,还拥有许多高级特性和...

    javascript基本语法

    ### JavaScript基本语法详解 #### 一、JavaScript简介 JavaScript 是一种解释型的、基于对象的脚本语言,广泛应用于Web开发之中。它主要用于产生动态效果以及进行客户端验证,能够极大地增强网页的交互性和用户...

    JavaScript语法大全(程序员必备)

    从给定的文件标题“JavaScript语法大全(程序员必备)”和描述“最常用的JavaScript语法(程序员必备)”中,我们可以总结并生成一系列重要的JavaScript知识点,这些知识对于任何希望掌握或加深理解JavaScript语言的...

    包含javascript的基础语法,面向对象的实现和设计模式实现.zip

    包含javascript的基础语法,面向对象的实现和设计模式实现Javascript 代码其中很多都是伪代码的写法,便有回顾和总结。参考资料包含javascript的基础面向对象的实现设计模式实现语法开javascript常见的问题...

    韩顺平javascript笔记(最全整理 dom编程 oop 基础语法)

    韩顺平老师的JavaScript笔记全面涵盖了基础语法、面向对象编程以及DOM编程,这些都是学习JavaScript时至关重要的知识点。 首先,基础语法是JavaScript学习的基石。包括变量声明(var、let、const)、数据类型(如...

    ES6 入门基础语法总结

    ES6 基础语法总结 ES6 是 ECMAScript 6 的简称,于 2015 年发布,是 JavaScript 语言的最新标准。ES6 引入了许多新的语法特性和功能,以提高开发效率和代码可读性。本文总结了 ES6 的基础语法,包括 let 与 const、...

    JavaScript语言精粹完整版

    自ES6开始,JavaScript引入了许多新特性,如let和const声明、箭头函数、模板字符串、类和模块等,这些特性极大地丰富了JavaScript的语法,使其更加现代化和高效。 ### 实战案例分析 《JavaScript语言精粹》还提供了...

    JavaScript语法和对象速查手册 .陈冠军.扫描版

    总结来说,《JavaScript语法和对象速查手册》这一手册将为开发者提供JavaScript语言中基础语法和对象操作的快速参考。这对于需要快速回顾或学习JavaScript的程序员来说非常有用,可以帮助他们掌握JavaScript的关键...

Global site tag (gtag.js) - Google Analytics