Js快速入门文档
js学习目录
文章摘自菜鸟教程.
一、js是什么?做什么?
JavaScript 是 Web 的编程语言。
所有现代的 HTML 页面都使用 JavaScript。
HTML 定义了网页的布局。
CSS 描述了网页的样式(个人理解class标记样式,id标记js)。
JavaScript 网页的行为。
二、使用步骤
1.快速上手(上面加粗前两行理解后快速做项目)?
(1)输出文本内容
alert(“弹框显示”);
document.write(“要输出的内容或参数”);
console.log(“控制台输出”);
(2)修改文本内容(其他方式自行百度)
document.getElementById(“这里填想要改变的div的id”).innerHTML=”修改后的内容”;
(3)修改div样式(以下内容最好在一个js函数内执行)
var bcwidth = document.getElementById("目标id");//先获取目标这里用id获取得到参数(这里可以理解为可编辑的对象)
bcwidth .style.width = 12 + 'px';//这种表达形式大差不差,可以根据自己的需要百度
对于第二行的解释:拼字符串的形式去拼接div,视图解析器会将这段字符串处理为h5语言,要注意拼接字符串的方法与java相同,格式为
参数+“字符串”+参数+“字符串”+参数
例如:var nessage = “a的数量为”+a+“个”;
2.js语法?
代码块
(1) 数字(Number):可以是整数小数或科学计数。
3.14
1001
123e
(2)字符串(String):单/双引号引起来。
"stringaa"
'sa@~12343'
(3)运算符
赋值,算术运算符有
= + - * /
条件比较及逻辑运算符
== != < >
(4)定义类型
//与其他语言的开发不一样,js一般都用只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 通过对象 字面量赋值
(5)js的数据类型会自我转换
基本就是谁跟字符串类型都会变成字符串类型
(6)注意JavaScript 字母大小写
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样,变量 myVariable 与 MyVariable 也是不同的。
(7)js函数模板
<script>
//定义参数
var name = 这里参考(4)定义类型
//定义函数
function 这里写函数名 (a,b,c,d){//括号内为传入的参数,也可以不传参
//这里也可以定义参数,使用任何表达式
//这里也可以写入 1.快速入手 里的东西对div的内容与样式进行编辑
return x;//x为返回值,可以是任何类型,也可以无返回值
}
</script>
(8)如何调用js函数
查看具体的事件请点我.
在对应事件哪里调用例如 onclick=”对应函数的函数名” 这里就是对一个点击事件调用js的调用。
延伸(预加载):有些函数需要在网页加载的时候就被启用,这种方式有
body onload=”func1();func2();func3();”
在html的body调用函数,此处可以调用多个。
其他方式自己百度,这个就够用了。
(9)代码规范
js会忽略多余的空格例(合理的排列不会出现少括号的情况也便于代码的阅读):
var person="runoob";
var person = "runoob";
这两者的作用是相同的
添加注释(该操作便于对代码的第二次维护):
alt/shift+/
**代码知识普及:**
JavaScript 代码是 JavaScript 语句的序列。
浏览器按照编写顺序依次执行每条语句。
例:
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("demo").innerHTML="你最近怎么样?";
按顺序执行最后demo显示的信息为你最近怎么样
**代码块知识普及:**
JavaScript 可以分批地组合起来。
代码块以左花括号开始,以右花括号结束。
代码块的作用是一并地执行语句序列。
本例向网页输出一个标题和两个段落:
function myFunction()
{
document.getElementById("demo").innerHTML="你好Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
}
这是一个代码块
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 GavenLee!
评论