1.js代码块
脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中,或兼而有之。
但把脚本置于 <body> 元素的底部,可改善显示速度,因为脚本编译会拖慢显示。
2.显示内容
window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
使用 innerHTML 写入 HTML 元素
使用 console.log() 写入浏览器控制台
2.1使用 innerHTML 写入 HTML 元素更改
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
2.2document.write()
**在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML **
<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落</p>
<button onclick="document.write(5 + 6)">试一试</button>
</body>
</html>
结果
3.语法
JavaScript 语句定义两种类型的值:混合值和变量值。
混合值被称为字面量(literal)。变量值被称为变量。
在 JavaScript 中,首字符必须是字母、下划线(-)或美元符号($)
敏感区分大小写
JavaScript 中不能使用连字符。它是为减法预留的。
no:first-name, last-name
yes:first_name, last_name
4.运算
当数字和字符串相加的时候会把数字当做字符串然后进行拼接
var x = 911 + 7 + "Porsche";
结果: 918Poresche
var x = "Porsche" + 911 + 7;
结果:Porsche9117
5.数组
var cars = ["Porsche", "Volvo", "BMW"];
5.2对象
var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
5.3typeof 运算符
typeof "" // 返回 "string"
typeof "Bill" // 返回 "string"
typeof 0 // 返回 "number"
typeof (7) // 返回 "number"
typeof (7 + 8) // 返回 "number"
typeof 运算符对数组返回 "object",因为在 JavaScript 中数组属于对象。
var person; // 值是 undefined,类型是 undefined
空值与 undefined 不是一回事。
空的字符串变量既有值也有类型。
5.4清空对象
var person = null; // 值是 null,但是类型仍然是对象
var person = undefined; // 值是 undefined,类型是 undefined
5.5
Undefined 与 Null 的区别
Undefined 与 null 的值相等,但类型不相等:
typeof undefined // undefined
typeof null // object
null === undefined // false
null == undefined // true
6.js和jquery的区别
1.js是网页脚本语言,jquery是基于js语言封装出来的前端框架
2.js取值 d.value; 赋值d.value=ss;
jquery d.val(); 无参数是取值,有参数是赋值
3.js操作属性
d.setAttribute("","");——设置属性、修改属性
d.removeAttribute("");——移除属性,引号里面写一个属性名
div.getAttribute();——获取属性
jQuery里面用来操作属性的方法:
添加属性:d.attr("test","aa");
移除属性:d.removeAttr("test"); ——移除test这条属性
获取属性:d.attr("test"); —— 在attr方法里面直接写入一个属性的名就可以了
4.样式改变
js中:d.style.backgroundColor="red";
jquery:d.css("background-color","yellow");