JavaScript基础
浏览器可以解析HTML+CSS+JavaScript
-
嵌入HTML文件中
一般放在中
<head> <script> alert("HY000") </script> </head>
-
定义外部文件
将javascript代码卸载一个独立的脚本(扩展名为.js)中,在页面中使用时直接导入该脚本
<script type="text/javascript" src="https://www.google-analytics.com/analytics.js"></script> <script type="text/javascripy" src="./analytics.js"></script>
alert("123") /*弹窗显示123*/
- 在HTML的元素事件属性中
事件,通过某个动作来完成某个事
<!--onclick点击事件-->
<input type="button" name="button" value="点我" onclick="alert(/123/)">
<input type="button" name="button2" value="鼠标移上来" onmouseover="alert('hello')">
<input type="text" name="change" onchange="alert('文本框内容更改触发事件')" value="change">
- 在超链接中定义
<a href="javascript:alert(/a标签/)">a标签</a>
简单的JavaScript例子
<head>
<!-- 定义函数,完成某个操作写的代码放在这里 -->
<script type="text/javascript">
function Demo() {
/*function是js中开始定义函数的一个标识,大小写敏感*/
// 函数名用英文,demo是函数名,可以自定义,命名规范是驼峰法: demoTest
// params是参数,可要可不要
// {}写函数具体要做的事
// 每行代码之后要加;
alert("Easy Js!")
}
</script>
</head>
<body>
<input type="button" value="点我" onclick="Demo()">
</body>
<head>
<script type="text/javascript">
function myFun() {
alert("Hello World");
}
</script>
</head>
<body>
<!-- 在调用js函数的时候,必须注意的事项:函数名() -->
<input type="button" name="button" value="按钮" onclick="myFun()">
</body>
alert(this.Document.cookie)
alert(Document.name)
<head>
<script>
function changeContents() {
document.getElementById('hk').innerHTML = "New";
}
</script>
</head>
<body>
<div id="hk">Raw</div>
<br>
<input type="button" name="bt" value="改变内容" onclick="changeContents()">
</body>
<head>
<script>
function changeContents() {
alert(document.getElementById('hk').value);
}
</script>
</head>
<body>
<br>
<input type="text" name="text" id="hk" onchange="changeContents()">
</body>
<head>
<script>
function load(params) {
alert("当前文档加载完毕")
}
</script>
</head>
<body onload="load()">
1 <br>
2 <br>
3 <br>
4 <br>
</body>
<head>
<script>
function wd() {
// 将文档中所有内容都覆盖掉
document.write("写锤子!");
}
</script>
</head>
<body>
<input type="button" onclick="wd()" value="写!">
这个也会被覆盖掉
</body>
<head>
<script>
function wd() {
// 将文档中所有内容都覆盖掉
document.write("<a href='https://www.baidu.com'>不会百度</a>");
}
</script>
</head>
<body>
<input type="button" onclick="wd()" value="写!">
这个也会被覆盖掉
</body>
<body>
<script>
document.write("document.write不需要事件触发")
</script>
</body>
语法基础
变量:用来存放数据(可变化)的地方,在JS中变量用var来修饰,例如var test;
,其中test是变量名。test可以不赋初值;如果赋初值,这叫做初始化。
var demo = "string";
var number = 12;
var gender = False
数据类型:
-
数字:3.14, 1001,
123e3=123*10^3
-
字符串:用单双引号括起来的
-
数组:
[1, 3, 4, 5]
,下标从0开始,最大下标3[1, 'b', 0, 123, [7, 8, 11]]
-
对象:
{name: 'LIMA', age: 20}
,键值对,就像Python中的字典一样。 -
布尔值:
False
和True
-
Undefined
(未定义)和Null
(空值)
注意:
- JS代码写完之后一定要加分号;
- JS中大小写敏感;
- 单行注释
//
,多行注释/* */