##HTML-JavaScript基础

HTML-JavaScript基础

##一、什么是JavaScript

JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

##二、JavaScript特点(添加动画效果  轮播图  数据验证(减轻服务器压力)  浏览器事件作出相应  读写html元素  检测访客浏览器信息

  1,是一种解释性脚本语言(代码不进行预编译)。 

  2,主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。 

  3,可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。 

  4,跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。

##三、JavaScript组成

##解释:

  ECMAScriptJavaScript的基本的语法,是标准语法

  BOMBrowser Object Model :浏览器对象模型

  DOMDocument Object Model :文档对象模型

##其他的脚本语言:

  JavaScript,ActionScript,Flex

##JavaScript日常用途

  1,嵌入动态文本于HTML页面。 

  2,对浏览器事件做出响应。 

  3,读写HTML元素。 

    4,在数据被提交到服务器之前验证数据。 

  5,检测访客的浏览器信息。 

  6,控制cookies,包括创建和修改等。 

  7,基于Node.js技术进行服务器端编程。
##JavaScript的执行原理

##网页中引用JavaScript的方式

  1.使用<script>标签

  <script type="text/javascript">
  </script>

  2.外部JS文件

  <!--引入外部js文件-->
    <script type="text/javascript" src="javascript.js"></script>

  3.直接在HTML标签中

  <input type="button"value="弹出消息框"onclick="javascript:alert('javaScript欢迎您')">

##四、变量

  JavaScript的变量不同于Java中的变量声明,他们只有var 变量名=“”;

  “”双引号引起来的是字符串类型,没有引起来的是数值类型

   var a="Hello";
    var b,c,d=10;
    height=400;
    document.write(typeof(a.length)+"<br>");
    document.write(a.length);
    document.write(c+"<br>");
    document.write(d+"<br>");
    document.write(height);

##五、typeof运算符

  1,undefined:变量被声明后,但未被赋值.

  2,string:用单引号或双引号来声明的字符串。

  3,boolean:true或false。

  4,number:整数或浮点数。

  5,object:javascript中的对象、数组和null。

  document.write(typeof(b)+"<br>");
  alert("num1的数据类型是:"+typeof num1);

##六、数据类型

数据类型包括:

  ##基本数据类型:undefined    null   string   boolean   

  1,undefined:示例:var width;

    变量width没有初始值,将被赋予值undefined

  2,null:表示一个空值,与undefined值相等

  3,string:被单双引号引起来的就被称之为字符串类型

  4,boolean: 布尔类型,只有两个值,分别是true,false;

  5,number:实例:

    var num=123.68;

    var num1=123;

  这两个都是数值类型,只不过一个是浮点型,一个是整数型

  ##引用数据类型:

​     通常叫class 类 new Object(); new Date(); new String()

​     object

##七、数组的常用方法

更多方法可查阅JavaScrpt Array对象参考手册:http://www.w3school.com.cn/js/jsref_obj_array.asp

运算符:

##八、JavaScript函数

  parseInt();    将字符串转数字

  parseFloat();     将字符串转浮点数字

  普通函数

    function   函数名(){}

  匿名函数

    function (){}

  在匿名函数中,我们一般把匿名函数用一个var变量去接受,然后再去调用这个变量

##九、常用的输入/输出

  输出一般使用alert;输入使用prompt;但是后期不建议使用alert,在真实的开发中一般使用console.Log( )

  1,alert()【一般用在一些警告或者提示中】:

    alert("提示信息");

  2,prompt()

    prompt("提示信息", "输入框的默认信息");

##事件:

  1 事件源 :被监听的html 元素

​   2 事件: 某类动作 点击事件 鼠标移入事件 敲击键盘事件

​   3 事件与事件源绑定: 事件源上 注册事件

​  4 事件触发的响应行为: 事件触发后执行的代码 ---》一般进行封装

​   5 监听器 声音 针孔摄像头 为事件源安装 监听器 鼠标监听器 键盘监听器 处理方式 -----》函数

​   常用的事件

​   onload 某个页面或者图片被完成加载

  ​ onsubmit 表单提交时 触发该事件 事件源 是form

  ​ onclick 点击事件

​   onblur 清除焦点

​   onfocus 元素获得焦点

​   onchange 用户改变域的内容

​   onkeydown 某个键盘被按下

​   onmousemove 鼠标移动

posted @ 2019-06-25 18:06  阿锐互联网  阅读(244)  评论(0编辑  收藏  举报