JS全程javascript 是一个脚本语言,没办法独立运行,依托于一个文件运行。
html 是给页面添加内容
css 是给页面做成什么样子
javascript 是给页面添加一些功能和一些数据交互
例如:它会把一个文本框的值 等于 另一个文本框的值。
div的内容 等于 一个文本框的值
可以运算 一个文本框的数字 + - * /的一些数学运算,得出来的值放到div里面
还可以控制div里面 的位置 颜色 属性
javascript 一些作用
----可以进行数据运算
----可以控制浏览器的一些功能
例如:控制浏览器的大小尺寸 位置
----控制一些元素
+属性
例如:点击按钮
+样式
例如:div的颜色 大小 阴影
+内容
它和java 没什么关系 只是名字相似而已。
作用位置:
它可以放在html里面的任意位置,
例如:
1 <!--javascript的第一个开始位置--> 位置1顶部
2 <script type="text/javascript">
3
4 </script>
5 <!--javascript的第一个结束位置-->
6
7 <!DOCTYPE html>
8
9 <!--javascript的第二个开始位置--> 位置2 html上边
10 <script type="text/javascript">
11
12 </script>
13 <!--javascript的第二个结束位置-->
14 <html xmlns="http://www.w3.org/1999/xhtml">
15
16 <!--javascript的第三个开始位置--> 位置3 head上面
17 <script type="text/javascript">
18
19 </script>
20 <!--javascript的第三个结束位置-->
21
22 <head>
23
24 <!--javascript的第四个开始位置--> 位置4 head里面
25 <script type="text/javascript">
26
27 </script>
28 <!--javascript的第四个结束位置-->
29
30 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
31 <title></title>
<!--javascript的第五个开始位置--> 位置5 title里面
32 <script type="text/javascript">
33
34 </script>
35 <!--javascript的第五个结束位置-->
36 </head>
37 <body>
38 <!--javascript的第六个开始位置--> 位置6 body里面
39 <script type="text/javascript">
40
41 </script>
42 <!--javascript的第六个结束位置-->
43
44 </body>
45
46 <!--javascript的第七个开始位置--> 位置7 body下面
47 <script type="text/javascript">
48
49 </script>
50 <!--javascript的第七个结束位置-->
51 </html> 位置8 html下面
52
53 <!--javascript的第八个开始位置-->
54 <script type="text/javascript">
55
56 </script>
57 <!--javascript的第八个结束位置-->
58
引用位置
内联:可以放在html的任意位置
推荐将js代码写在页面的最底部
外部:新建一个javascript文件,后缀名是以.js结尾, 代码写在 .js的文件中
引用<script src="文件名.js"></script>
javascript文件是没有注释的,错误也不能提示,最好以后代码不出错,思路清晰。
内嵌:等到事件的时候在说
输入输出
以前c#的输入输出
Console.write("请输入你的姓名:");-----等待用户输入
string a=Console.Readline();--------接受用户信息,并赋予变量
Console.Writeline(a); -----------把接收的信心(赋予的变量)打印出来
现在学的输入输出是
<script type="text/javascript" />
var a=prompt('请用户输入姓名');-----------等待用户输入信息,并赋予变量 这里的单引号双引号都可以,因为javascript是弱类型
alert(a); --------------打印出来
三种常见的对话框
alert(" 内容") 警告对话框,作用是弹出一个警告对话框;------单引双引都可以
例如:alert('出现错误');
1 <script type="text/javascript">
2 alert('出现错误');
3 </script>
View Code
alert的警示信息
这里的转圈是还没加载完
意思是把代码断住了,代码没加载完,什么时候点确定,什么时候加载完。
confirm 可供选择的对话框
confirm('内容');
例如:confirm('你今天吃饭了么?');
点击确定 返回的值是true 取消返回的值是false
不信我们看看
1 <script src="JavaScript.js"></script>
2 <script type="text/javascript">
3 var a =confirm('你今天吃饭了么?')
4 alert(a);
5 </script>
View Code