JS 基础知识

itcoder 阅读：56 2022-09-29 10:02:47 评论：0

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); -----------把接收的信心（赋予的变量）打印出来

现在学的输入输出是

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

本文参考链接：https://www.cnblogs.com/zhangwei99com/p/6645576.html

标签:JavaScript

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。