零散笔记
web 前端三层:(w3c规范)
结构层 HTML 从语义的角度,描述页面结构。
样式层 CSS 从审美的角度,美化页面。
行为层 JavaScript 从交互的角度,提升用户体验。
加入script属性后,网页会产生弹窗。
script 属性
alter(“”);
显示警告弹窗信息,双引号内信息即为弹窗内信息。
如果页面上出现弹框,此时页面位置不能改变,并且不能关闭,进程被祖塞。
type=“text/javascript”
可以省略。
sync=“sync”
同步:理解为单线程
async=“async”
异步:理解为多线程
立即异步下载外部 js ,不影响其他页面操作,js 下载完毕立即执行。
defer=“defer”
异步:区别于async
脚本延迟到文档完全被解析和显示后再执行;
只有外部脚本可以使用。
console.log(“”);
在浏览器控制台中输出一句话。
作用:进行代码的调试。
prompt(“”);
在页面上弹出一个提示输入框,提示信息为双引号间内容。
JavaScript语法
** 变量申明与赋值**
JavaScript是弱类型脚本语言。
var a = “123”;
var b = 123;
变量的类型由内部的数据的类型决定。
变量规则与规范
规则:
1.由字母、数字、下滑子安、$组成
2.不能是关键字和保留字
3.区分大小写
规范:
驼峰命名法,第一个单词首字母小写,之后单词首字母大写。
数据类型
string
注意,字符串的不可变性。
var str = “one”
var str = str + “two”
//第二句会分配一个新的栈空间
number
数值范围:
最小值:Number.MIN_VALUE 5e-324
最大值:Number.MAX_VALUE
1.7976931348623157e+308
无穷大:infinity
无穷小:-infinity
boolean
取值范围:
true and false
undefined,变量声明但未赋值
null
数值检测
Number.NaN 是一个特殊值,说明某些算术运算(如求负数的平方根)的结果不是数字。
函数 isNan() 返回值 boolean 。
类型转换
转换成字符串方法:
- 函数toString()
- 函数String
- 字符串拼接:string + number 得到string 类型
转换成数字:
- 函数Number()
- 函数parseInt()
- 函数parseFloat()
表达式
由数据、变量、运算符组成。
运算符
- 赋值运算符
- 算数运算符
转义符
右斜杠
换行 \n
函数
实例:
function function_name(parmeter1,parameter2){
var variable = parmeter1 + parameter2
return variable
}
注意:没有return时,默认返回undefined。
对象
封装、继承、多态
定义:
var object_name = {
name:“Tim”,
age: 18,
height: 180
};
属性用键值对表示。
动态交互
按钮:input 或者 button 标签
点击事件:onclick
获取用户输入:prompt()
内容检测:if…else
提示操作:alert()
JavaScript补充
<input type="button" value="变" id="btn">
//创建一个按钮
<script type="text/javascript">
var btn=document.getElementById("btn");
//获取id
btn.onclick = function(){
alert("点击时弹出此框!");
}
//点击按钮时触发此框
</script>
单行注释
用双斜杠表示
添加或删除注释的快捷键一般为Ctrl+/
多行注释
/**/ 中间包含注释内容
浏览器工作模式
很有深度的文章,不求一次看懂。
https://www.2cto.com/kf/201202/118111.html
JavaScript存放位置
如果没有style,代码放在title标签下,反之,放在style下。