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('出现错误');

div javascript 属性 js中的div是什么_div javascript 属性

div javascript 属性 js中的div是什么_html_02

1 <script type="text/javascript">
2     alert('出现错误');
3 </script>

View Code

div javascript 属性 js中的div是什么_javascript_03

alert的警示信息

这里的转圈是还没加载完

意思是把代码断住了,代码没加载完,什么时候点确定,什么时候加载完。

confirm  可供选择的对话框

confirm('内容');

例如:confirm('你今天吃饭了么?');

div javascript 属性 js中的div是什么_html_04

点击确定  返回的值是true   取消返回的值是false

不信我们看看

div javascript 属性 js中的div是什么_div javascript 属性

div javascript 属性 js中的div是什么_html_02

1 <script src="JavaScript.js"></script>
2 <script type="text/javascript">
3     var a =confirm('你今天吃饭了么?')
4     alert(a);
5 </script>

View Code

div javascript 属性 js中的div是什么_html_07

div javascript 属性 js中的div是什么_文本框_08

div javascript 属性 js中的div是什么_文本框_09

div javascript 属性 js中的div是什么_javascript_10