zoukankan      html  css  js  c++  java
  • JavaScript用法

    JavaScript 简介

      JavaScript是互联网上最流行的脚本语言,可用于HTML和web,服务器,PC,等等。

      JavaScript是脚本语言

    JavaScript是一种轻量级的编程语言

    JavaScript是可插入HTML页面的编程代码

    JavaScript插入HTML页面后,可由所有的现代浏览器解释执行



    JavaScript 用法

    JavaScript 用法

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

    脚本可被放置在HTML页面的<body>和<head>部分中。

    ----------------------------------------------------------------------------

    <script> 标签

    如需在HTML页面中插入JavaScript,使用<script>标签。

    <script>和</script>会告诉JavaScript在何处开始和结束。

    <script>和</script>之间的代码包含了JavaScript。

    例如:

     

    那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。


     


    JavaScript 函数和事件

    上面的例子中的JavaScript语句,会在页面加载时执行。

    通常我们需要在某个事件发生时执行代码,比如当用户点击按钮时。

    如果我们把JavaScript代码放在函数中,就可以在事件发生时调用该函数。

    在<head>或者<body>中的JavaScript

    可以在HTML文档中放入不限数量的脚本。

    脚本可位于HTML的<body>或<head>部分中,或者同时存在于两个部分中。

    通常的做法是把函数放入<head>部分中,或者放在页面底部。这样就可以把他们安置到同一处位置,不会干扰页面类容。

    外部的JavaScript

    也可以把脚本保存到外部文件中,外部文件通常包含被多个网页使用的代码。

    外部的JavaScript文件的文件扩展名是 .js 。

    如需使用外部文件,在<script>标签的“src”属性中设置该.js文件:

    例如:

      

    注意:外部脚本不包含<script>标签。


     


    JavaScript 输出

    JavaScript输出

    JavaScript没有任何打印或者输出的函数。

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

    • 使用window.alert() 弹出警告框。
    • 使用document.write() 方法将内容写到HTML文档中。
    • 使用innerHTML 写入到HYML元素。
    • 使用console.log()写入到浏览器的控制台。

    操作HTML元素

    如需从JavaScript访问某个HTML元素,您可以使用document.getElementById(id) 方法。

    例如:使用id 属性来标识HTML元素,并使用innerHTML来获取或插入元素类容

    document.getElementById("demo")是使用id属性来查找HTML元素的JavaScript代码。该方法是HTML DOM 中定义的。

    innerHTML="内容已修改" 是用于修改元素的HTML内容的JavaScript代码。

    写到HTML文档

    使用document.write()方法将内容写入到HTML文档中,此功能可用于写入文本和HTML。

     document.write() 仅仅向文档输出写内容。

    如果在文档已完成加载之后执行document.write() 整个HTML页面将被覆盖。

    写到控制台

    如果浏览器支持调试,可以使用console.log() 或者console.info()方法在浏览器中显示JavaScript值。

    浏览器中使用F12快捷键来调出开发者模式,在调试窗口中点击Console 菜单。

     

    提示:console.log() 方法能够让你看到你在页面中的输出内容,让你更容易调试javascript;
    与alert相比,console不会打断你页面的操作,console里面的内容非常丰富,你可以在控制台输入 console。
    程序中调试时测试,查找及减少bug(错误)的过程。

     

     

     

     

     

     

     

     

  • 相关阅读:
    深度学习中的激活函数
    23.从上往下打印二叉树
    22.栈的压入、弹出序列
    使用TensorFlow实现DNN
    shell按行读取文件
    linux集群批量执行命令
    CDH升级
    自动微分方法(auto diff)
    快速了解负载均衡
    拼写纠错的利器,BK树算法
  • 原文地址:https://www.cnblogs.com/jungejava/p/9585227.html
Copyright © 2011-2022 走看看