JavaScript基础(一)基本认识

什么是JavaScript

  • 是世界上用的最多的脚本语言。- - 解释型语言 
  • 脚本语言:不需要编译,直接运行时边解析边执行的语言。
  • 是客户端脚步语言。
  • 一种网页编程技术,用来向HTML页面添加交互行为。
  • 一种基于对象和事件驱动的解释性脚本语言,直接嵌入HTML页面,由浏览器解释执行代码,不进行预编译。

JavaScript发展史

  • JavaScript的正式名称是“ECMAScript”,此标准由ECMA组织发展和维护
  • ECMA-262是正式的JavaScript标准 
  • 此标准基于JavaScript(Netscape)和JScript(Microsoft)
  • 网景公司在Netscape2.0首先推出了JavaScript
  • 微软公司从IE3.0开始提供对客户端JavaScript的支持,并另取名为JScript

JavaScript的特点

  • 可以使用任何文本编辑工具编写,只需要浏览器就可以执行程序
  • 解释执行:事先不编译,逐行执行
  • 基于对象:内置大量现成对象
  • 适宜: 
    • 客户端数据计算
    • 客户端表单合法性验证
    • 浏览器事件的触发
    • 网页特殊显示效果制作

JavaScript最初的目的

  • 判断客户端的输入。 
    •   对于网页的请求响应,不能都在服务器端进行判断,现在客户端做处理。 
      •   注意:不能把所有的判断都放在js上,因为浏览器可以禁用javascript。

JavaScript现在延伸

  • 页面特效
  • 异步和服务器交互(ajax)
  • 服务器开发(nodejs)
  • 移动端的开发(网页和app)
  • 网页小游戏

JavaScript的组成

  • ECMAScript :javascipt的语法规范
  • DOM :操作网页元素的API
  • BOM : 操作浏览器部分的功能的API

script标签

   HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

  如需在HTML页面中插入JavaScript,请使用<script>标签。<script>和</script>会告诉JavaScript在何处开始和结束。

  否则不会执行你所写的js脚本。

  标签的属性:

  • src: 引入文件
  • type: 规定语言类型
  • async: 是否异步
  • sync: 同步 
    •   同步:一个人按照顺序依次处理事情。
    •   异步:多人同时执行各个任务。
  • defer:异步
    •   与async的区别:defer等页面加载完成后才执行。async是js获取到就执行。

JavaScript 输出

  JavaScript可以通过不同的方式来输出数据

  • 使用window.alert()弹出警告框。(弹框)
  • 使用document.write()方法将内容写到HTML文档中。(生成页面)
  • 使用innerHTML写入到HTML元素。(生成页面)
  • 使用console.log()写入到浏览器的控制台(控制台输出:F12)
#1.
<script>
  alert("Hello World");
</script>
#2.
<script>
  document.write("<h1>第一天</h1>");
</script>
#3.
<script>
  document.getElementById("demo").innerHTML = "段落已修改。";
</script>
#4.
<script>
  console.log(1);
</script>



补充

网页内容

  • HTML 提供网页内容的显示
  • css 美化网页
  • javascipt 控制网页行为

对于标签javascript的引用

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

 <script language="javascript" ></script>


  这二者没有什么不同,language和type 都表示指定脚本语言为javascript(ie默认脚本语言不是javascript),在浏览器上解释都会出现相同的效果,都可以进行使用,正规的标准写法是:

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

  然而,language这个属性在W3C的HTML标准中,已不再推荐使用。所以以后在编写的时候尽量少使用或者不使用language这个属性。

 

猜你喜欢

转载自www.cnblogs.com/yuan1994/p/11183856.html
今日推荐