JavaScript

Posted 邓阮叶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript相关的知识,希望对你有一定的参考价值。

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

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

使用 innerHTML 写入到 HTML 元素

使用 console.log() 写入到浏览器的控制台 console.log(5+6); 

javascript 访问某个 HTML 元素,使用 document.getElementById(id) 方法, innerHTML 来获取或插入元素内容 <script> document.getElementById("demo").innerHTML = "段落已修改。"; </script> 

定义变量以及注释,没有用var声明的变量为全局变量

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 通过对象字面量赋值

定义函数 function myFunction(a, b) { return a * b; // 返回 a 乘以 b 的结果 } 

将变量carname放入id="demo"中 var carname="Volvo"; document.getElementById("demo").innerHTML=carname; 

定义包含多个值的变量 var car = {type:"Fiat", model:500, color:"white"};  var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; 

访问对象属性 person.lastName; 或 person["lastName"]; 

访问person对象的fullName()方法 name = person.fullName(); 访问person对象的fullName 属性 name = person.fullName; 

创建字符串是否使用new的区别

var x = "John";
var y = new String("John");
typeof x // 返回 String
typeof y // 返回 Object

拼接字符串用+

使用typeof 操作符来检测变量的数据类型

typeof "John"                 // 返回 string
typeof 3.14                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1,2,3,4]              // 返回 object
typeof {name:‘John‘, age:34}  // 返回 object
typeof new Date()             // 返回 object
typeof function () {}         // 返回 function
typeof myCar                  // 返回 undefined (如果 myCar 没有声明)
typeof null                   // 返回 object

let声明的变量只在代码块中生效,const声明的变量为常量

json JavaScript Object Notation JavaScript 对象表示法

JSON.parse()用于将一个 JSON 字符串转换为 JavaScript 对象,JSON.stringify()用于将 JavaScript 值转换为 JSON 字符串

html载入外部js文件 <script src="myscript.js"> 

以上是关于JavaScript的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段

javascript JS-常用代码片段