zoukankan      html  css  js  c++  java
  • JavaScript —— 用法 输出

    用法

    • 必须在<script>标签内
    • 可以在<body>和<head>部分中
    • 不限数量
    <script>
    ...
    
    </script>
    即可,不需要 type="text/javascript"

    外部的javaScript

    <body>
    <script src="myScript.js"></script>
    </body>

    *******外部的脚本中  不能包含<script></script>

    小总结:

    1.   onclick= “函数名()”

    2.  HTML 输出流中使用 document.write,相当于添加在原有html代码中添加一串html代码。而如果在文档加载后使用(如使用函数),会覆盖整个文档

    <script>
    function myfunction(){
        document.write("使用函数来执行doucment.write,即在文档加载后再执行这个操作,会实现文档覆盖");
    }
    document.write("<h1>这是一个标题</h1>");
    document.write("<p>这是一个段落。</p>");
    </script>
    <p >
    您只能在 HTML 输出流中使用 <strong>document.write</strong>。
    如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
    </p>
    <button type="button" onclick="myfunction()">点击这里</button>

    输出

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

     警告框

    <script>
    window.alert("fuck"+" dame it"+"
    "+2+2);
        window.alert(2+2);
    </script>

    1. 先、后 输出

    2.    +   :

    •   只有字符串——拼接效果
    •   只有数字——输出数字相加的和
    •        还有字符串——将数字看作字符串
    •   " "————换行效果

    将内容写到HTML文档中——寻找并修改元素

    <p id="demo">我的第一个段落</p>
    <script>
    document.getElementById("demo").innerHTML = "段落已修改。";
    </script>

    <h1>我的第一个 Web 页面</h1>
    <p>我的第一个段落。</p>
    <button onclick="myFunction()">点我</button>
    <script>
    function myFunction() 
    {
        document.write(Date());
    }
    </script>

    【目前的理解是: document.write()  会将页面覆盖,需要使用innerHTML  写入具体的元素】

    但 以下魔改是 错误的:【形式必须按上方写】

    document.getElementById("xx").write("Date()");

    写到控制台

     

  • 相关阅读:
    CodeIgniter控制器
    CodeIgniter URL添加后缀
    CodeIgniter 用户指南 基础教程 摘要
    微信公众平台搭建与开发
    星座与性格
    CodeIgniter学习笔记(十六)——CI中的验证码
    PHP 捕捉错误,记录到日志
    js写的闹钟,支持多个闹钟
    列王的纷争,COK,675区,有去的没有?加群:159108918,盟的名字准备叫:大话西游
    下载一个指定文件,下载成功后修改权限,自动重试60次,带详细日志记录。
  • 原文地址:https://www.cnblogs.com/expedition/p/11028519.html
Copyright © 2011-2022 走看看