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这个属性。

优质内容筛选与推荐>>
1、P3900 [湖南集训]图样图森破
2、前端弹窗展示后台html文件
3、C# 视频监控系列(7):服务器端——封装API(下) [DS40xxSDK.dll]
4、弹框和遮罩层组件
5、最高分辨率行间转移CCD图像传感器 - KAI-47051 演示视频


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn