美文网首页
JS语法规则

JS语法规则

作者: 文超_96c7 | 来源:发表于2019-12-18 10:50 被阅读0次

JS可以做什么:

HTML 定义了网页的内容,CSS 描述了网页的布局,JavaScript 网页的行为

1.直接写入HTML输出流

<script>

document.write("<h1>这是一个标题</h1>");

document.write("<p>这是一个段落。</p>");

</script>

2.对事件做出反应

<button type="button" onclick="alert('欢迎!')">点我!</button>

3.改变HTML内容或样式

<script>

function myFunction(){

x=document.getElementById("demo");  // 找到元素

x.innerHTML="Hello JavaScript!";    // 改变内容

}</script>

<button type="button" onclick="myFunction()">点击这里</button>

<script>

function myFunction(){

x=document.getElementById("demo") // 找到元素

x.style.color="#ff0000";          // 改变样式

}</script>

<button type="button" onclick="myFunction()">点击这里</button>

4.验证输入

<script>

function myFunction(){

var x=document.getElementById("demo").value;

if(x==""||isNaN(x)){

alert("不是数字");

}}</script>

<button type="button" onclick="myFunction()">点击这里</button>

JS用法:

1.直接写在HTML文件中

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。你可以在 HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

2.放在扩展名为js的文件中

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:

<script src="myScript.js"></script>

JS输出:

JavaScript 没有任何打印或者输出的函数。JavaScript 可以通过不同的方式来输出数据:

1.使用 window.alert() 弹出警告框:

<script>

window.alert(5 + 6);

</script>

2.使用 document.write() 方法将内容写到 HTML 文档中。

3.使用 innerHTML 写入到 HTML 元素。

4.使用 console.log() 写入到浏览器的控制台。

如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。

JS语法:

JavaScript 是一个脚本语言。它是一个轻量级,但功能强大的编程语言。各语句用分号分隔

JavaScript 字面量

在编程语言中,一般固定值称为字面量。

数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e):3.14、1001、123e5

字符串(String)字面量可以使用单引号或双引号:"John Doe"、'John Doe'

表达式字面量 用于计算:5 + 6、5 * 10

数组(Array)字面量 定义一个数组:[40, 100, 1, 5, 25, 10]

对象(Object)字面量 定义一个对象:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

函数(Function)字面量 定义一个函数:function myFunction(a, b) { return a * b;}

JavaScript 变量

在编程语言中,变量用于存储数据值。JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:

var x, length

x = 5

length = 6

JS运算符:

算数运算符:+   -   *   /

赋值运算符:=

比较运算符:==    !=    >   <

JS关键字:

JavaScript 关键字用于标识要执行的操作。和其他任何编程语言一样,JavaScript 保留了一些关键字为自己所用。以下是 JavaScript 中最​​重要的保留字(按字母顺序):

JS注释:

单行注释://

多行注释/*  ... */

JS数据类型:

JavaScript 有多种数据类型:数字,字符串,数组,对象等等:

var length = 16;                                  // Number 通过数字字面量赋值

var points = x * 10;                              // Number 通过表达式字面量赋值

var lastName = "Johnson";                         // String 通过字符串字面量赋值

var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值

var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

JavaScript 函数

JavaScript 语句可以写在函数内,函数可以重复引用:

引用一个函数 = 调用函数(执行函数内的语句)。

function myFunction(a, b) {

return a * b;                                // 返回 a 乘以 b 的结果

}

JavaScript 字母大小写

JavaScript 对大小写是敏感的。当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。

JavaScript 字符集

JavaScript 使用 Unicode 字符集。Unicode 覆盖了所有的字符,包含标点等字符。

相关文章

  • JS补充3

    JS的基本语法 JS语句基本规则 语句后面要用分号结束,特例:function,for, if后面...

  • ( *¯ ꒳¯*)ojbk!!

    JS的基本语法 JS语句基本规则 语句后面要用分号结束,特例:function,for, if后面不用加。 J...

  • JS语法规则

    简单罗列一下学习的到的知识点,一来方便自己总结,二来以后可以查漏补缺,三来没事就随便写写,语句不通顺,还望见谅 变...

  • JS语法规则

    JS可以做什么: HTML定义了网页的内容,CSS描述了网页的布局,JavaScript网页的行为 1.直接写入H...

  • js入门基础知识(数据类型,运算符等等)

    1.如何引入js 页面内嵌 外部引入 2.基本语法 js语句规则 语句后面要用分号结束“...

  • js的补充

    浏览器分为: shell 内核 内核又分为: 渲染引擎(语法规则和渲染) JS引擎 其他模块 JS...

  • less使用总结

    less语法 less的基础语法常用到的主要有:变量、混合(Mixins)、嵌套规则; 1.变量 和JS中的变量一...

  • js中this问题小结

    在使用js中的this时,由于js的语法规则,this的指向是会改变的,js中的this指向是根据函数在执行时的作...

  • JavaScript学习笔记 - 2.语法

    语法 编程语言的语法结构是一套基础性规则。 字符集JS程序是用Unicode字符集编写的。JS是区分大小写的,关键...

  • js1

    一.浏览器组成: 1.shell 2.内核: •渲染引擎(语法规则和渲染) •JS引擎 •其他模块 二.JS的特点...

网友评论

      本文标题:JS语法规则

      本文链接:https://www.haomeiwen.com/subject/gscenctx.html