• 【javaweb学习笔记】WEB03_JavaScript


    一、JavaScript

    1.含义:

      1)JavaScript是一种脚本语言(即轻量级的编程语言)

      2)是一种解释性语言(代码执行不进行预编译)

      3)注意:JavaScript和java没有关系

    2.作用:

      HTML:它是整个网站的骨架。
      CSS: 它是对整个网站骨架的内容进行美化(修饰)
      Javascript: 它能够让整个页面具有动态效果。

    3.组成部分:  

      1)ECMAScript:它是整个 javascript 的核心,包含(基本语法、变量、关键字、保留字、数据类型、语句、函数等等)

      2)DOM: 文档对象模型, 包含(整个 html 页面的内容)

      3)BOM: 浏览器对象模型,包含(整个浏览器相关内容)

     

    4.语法:

      1)区分大小写

      2)变量是弱类型的(String str=”aaa” ,var str=”123”;) 统一用var定义

      3)每行结尾的分号可有可无(建议写上

    5.javascript 运算符:

      1)其它运算符与 java 大体一致,需要注意其等性运算符。

      2)== 它在做比较的时候会进行自动转换。

      3)=== 它在做比较的时候不会进行自动转换。

    6.获取元素内容:

      1)获取元素

        document.getElementById(“id 名称”);

      2)获取元素里面的值

        document.getElementById(“id 名称”).value;

    7.javascript 事件:

      表单提交事件: onsubmit

    8. javascripte 的输出:

      1)警告框: alert();

      2)向页面指定位置写入内容: innerHTML(属性)

      3)向页面写入内容: document.write(“”)


     9.引入方式:

      1)内部引入方式

        直接将 javascript 代码写到<script type=”text/javascript”></script>

      2)外部引入方式    

        需要创建一个.js文件,在里面书写 javascript代码,然后在 html文件中通过 script标签的 src 属性引入该外部的 js 文件

     二、BOM 对象

    BOM 对象:浏览器对象模型(操作与浏览器相关的内容)

    1.Window对象(表示浏览器中打开的窗口) 

      1)setInterval():它有一个返回值,主要是提供给 clearInterval 使用

      2)setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用

      3)clearInterval():该方法只能清除由 setInterval 设置的定时操作

      4)clearTimeout():该方法只能清除由 setTimeout 设置的定时操作 


    2.Location 对象 (包含有关当前 URL 的信息

      href:该属性可以完成通过 JS 代码控制页面的跳转。 

    3.History 对象 (包含用户(在浏览器窗口中)访问过的 URL

      历史页面:使用 location 页面(href 属性值改为当前的 history) 

         go(参数): -1 返回上一个历史记录页面; -2 返回上上一个历史记录页面, 1 进入下一个历史记录页面。 

         让按钮点击失效:onclick=”javascript:volid(0)” 

    4.Navigator 对象 (有关浏览器的信息。 (该对象开发中不怎么常用)

    5.Screen 对象 (包含有关客户端显示屏幕的信息。 (该对象开发中不怎么常用)

  • 相关阅读:
    Unable to load dbxmss.dll (ErrorCode 16). It may be missing from the system Path
    同一网内机器无法连通解决一例
    Day.24
    Day.24
    Day.23
    Day.22
    Day.23
    Day.21
    Day.22
    Day.01-Day.20
  • 原文地址:https://www.cnblogs.com/wujiaolv/p/8407484.html
Copyright © 2020-2023  润新知