JavaScript

最新推荐文章于 2024-09-05 10:39:00 发布

藕爱糖醋排骨

最新推荐文章于 2024-09-05 10:39:00 发布

阅读量81

点赞数 1

分类专栏： javascript 文章标签： java javascript 前端

本文链接：https://blog.csdn.net/m0_74161013/article/details/129379255

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章目录

一。JavaScript介绍:
二。JavaScript学习目的:
三。JavaScript学习计划:

一。JavaScript介绍:

   【JDK1.8】--sun内战(JDK1.9,JDK10,JDK11,JDK12...JDK14)

1.JavaScript在浏览器中编译与执行的编程语言
2.JavaScript在浏览器中帮助浏览器解决用户提出【简单问题】
3.JavaScript采用【面向对象思想】以【弱类型语言风格】进行开发

【强类型语言风格】：【强迫】对象其行为必须受到修饰的类型的约束
并且在对象生命周期内不能改变依赖的类型
代表语言:C,C++,Java

		    class Student{
		         public int sid;
			 public String sname;
		    }
		    Student stu = new Student();
		    stu只能调用Student类型中资源
		    stu.sid
		    stu.sname
		    stu.age //error

【弱类型语言风格】:【弱化】对象与修饰的类型之间关系
对象既可以使用修饰的类型的资源也可以使用类型以外资源
对象生命周期之内，可以随意改变依赖的数据类型

二。JavaScript学习目的:

1.从2008年以后，国内就没有项目使用JavaScript,(jquery.js,angular.js,node.js,vue.js)
通过学习JavaScript基础为后续jquery.js和vue.js

2.了解在浏览器进行逻辑编程方式

三。JavaScript学习计划:

1.基础知识
2.应用练习

-----------------------------------------------基础篇-----------------------------------------------------

一。如何书写JavaScript命令

1.直接在HTML文件书写Javascript.
   <script type="text/javascript">
          JavaScrtipt命令行
   </script>

2.直接在js文件中书写JavaScript
通过

<script type="text/javascript" src="xx.js">         
  </script>

二。变量:

1.声明方式: JavaScript是弱类型编程语言，禁止使用数据类型名称来修饰变量,所有的变量/对象声明时，使用var关键字来修饰

       var num1;
       var num2,num2;

2.变量名的命名规则:与Java的命名规则一致

1) 标识符(类名,属性名,变量名,对象名,方法名)只能由 字母,数字,下划线(_),美元符号($)
2) 标识符不能以数字开头
3) 标识符不能使用关键字和保留字， var var=10;错误

3.变量使用规则: 声明，初始化，使用

三。数据类型：

1.分类:
基本数据类型 : number , string ,boolean
引用数据类型 : object , function

-----------------------------------------应用篇--------------------------------------------------------------

一。DOM

1.DOM=Document Object Model; 文档模型对象
2.DOM对象由浏览器负责创建
3.浏览器每编译一个HTML标签命令，就会自动为这个HTML标签命令创建一个管理对象， 这个对象就是DOM
4.如果开发人员需要操作浏览器内存中HTML标签，必须借助于HTML标签对应的DOM对象  int a =10

二。document定位DOM对象三种常用方式

1.根据标签的id属性进行定位:
   <div id="one"></div>
   <div id="two"></div>

  命令格式:
         var dom = document.getElementById("id编号");

2.根据标签的name属性进行定位
  命令格式:
         var domList=   document.getElementsByName("name值")


3.根据标签类型名进行定位
  标签类型名: <tr></tr>  类型名tr
              <div></div> 类型名div
	  <input type="text"> 类型名 input
  命令格式:
         var domList =      document.getElementsByTagName("标签类型名")

三。监听事件

1.介绍：
1）监听事件是HTML标签中自带一种属性
2）监听用户在何时以何种方式来操作当前标签
3）监听事件接收到监听的行为时，通知浏览器调用对应的JavaScript函数
进行处理

2.分类:
1) 键盘监听事件
onkeyup:监听用户何时在当前标签上弹起键盘
onkeydown:监听用户何时在当前标签上按下键盘
2) 鼠标监听事件
onclick:监听用户何时在当前标签上单击鼠标左键
onfocus:监听用户何时在当前标签上获得光标
onblur:监听用户何时在当前标签上丢失光标
onmouseover:监听用户何时在当前标签上悬停鼠标
onmouseout:监听用户何时在当前标签上移开鼠标
onchage:监听用户何时在当前标签(select)上,改变选中项