• 中文
    • English
  • 注册
  • 查看作者
    • 1:JS输出内容和编写位置

      一.  输出内容

      js可以在以下位置直接输出内容

      • 警告框:alert(“xxxx”);

      • 控制台:console.log(“xxx”);

      • 浏览器:document.write(“xxx”);

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8"/>
          <title>测试</title>
          <script src="js/jia.js"></script>
          <script type="text/javascript">
              alert("警告框");
              console.log("控制台");
              document.write("<h1>浏览器内容区</h1>")
          </script>
      </head>
      <body>
      
      </body>
      </html>

      二.  js的编写位置

      1.  script标签内

      <script type="text/javascript">
          alert("警告框");
      </script>

      2.  单独的js文件

      <script src="js/jia.js"></script>

      3.  html标签内

      将js写在html标签内又分为以下几种:

      • a标签的href属性

      • 其他标签的事件属性

      • 阻止超链接的默认行为

      下面针对上面的几种情况分别举例:a标签的href属性:

      <a href="javascript:alert('警告框')" ></a>
      <a href='javascript:alert("警告框")'></a>

      注意,如果双引号里面有字符串,那么字符串需要用单引号,如果单引号里面有字符串,那么字符串需要用双引号

      其他标签的事件属性:

      <button onclick="alert('点击了按钮')">按钮</button>
      <input type="text" onfocus="console.log('得到了焦点')" 
                         onblur="console.log('失去了焦点')">

      阻止超链接的默认行为:

      <a href="javascript:void(0)"> 阻止链接的默认行为</a>
      <a href="javascript:;"> 阻止链接的默认行为简写版</a>

      山东省·济南市
    • 0
    • 0
    • 0
    • 1.2k
    • 请登录之后再进行评论

      登录

      赞助本站

      • 支付宝
      • 微信
      • QQ

      感谢一直支持本站的所有人!

      单栏布局 侧栏位置: