• javascript学习笔记(二)


    一、javascript的放置、注释、输出工具
    1、输出工具
        a、alert();属于window中的全局函数。无论写入什么,都以字符串形式输出
        b、document.write();向网页输出内容。
        c、var vlaue=prompt(“显示内容”,“文本框显示内容”)value为返回值;弹出一个输入框,接收参数。
    1. <script>
    2. alert(123);
    3. document.write("<h1>周静文</h1>");
    4. var i=prompt("你好","请问你是?");
    5. alert(i);
    6. </script>
    2、javascript如何在html页面当中进行放置
        a、<script type="text/javascript" language="javascript"></script>标签对形式。让浏览器识别,javascript从那里开始,从那里结束。
            (1)type="text/javascript"让浏览器识别javascript语言
            (2)可以在head、body中的任何位置进行调用
            (3)但是他们还是一个整体是相互联系,相互影响的。当成一个整体。
        b、可以在超链接或者是重定向的位置调用javascript(必须用javascript:开头,用“”包裹起来,让浏览器识别javascript代码
            超链接格式:“javascript:alert('我是超链接')"
        重定向格式:"action="javascript:alert('我是表单')"
    1. <a href="javascript:alert('我是超链接');">链接</a>//超连接
    2. <form action="javascript:alert('我是表单')" method="post">//重定向
    3. <input type="text" name="names"/>
    4. <input type="submit" value="提交"/>
    5. </form>
        c、在事件后面进行调用
            格式:onclick="javascript:alert('我是事件')"
    1. <div onclick="javascript:alert('我是事件')">我是事件</div>
            ie下特有的事件调用,火狐谷歌不支持:
    1. <script for="one" event="onclick">
    2. alert(我是IE特有事件);
    3. </script>
    4. <body>
    5. <div id="one">我是IE特有事件</div>
    6. </body>
        d、调用外部的javascript文件
            *在调用页面<script>标签对当中不能有任何代码
            *在js脚本中不能出现标签对
            *所有的js都是一个整体,是互相联系、互相影响的
            格式:<script src="文件路径"></script>
    1. //javascript文件中写入
    2. var a="你好世界"
    3. alert(a);
    1. <!--html页面中-->
    2. <head>
    3. <script src="文件路径"></script>
    4. </head>

    3、注释
        a、对付久的浏览器
            (1)<!--xxxxxxxx-->      当成html代码屏蔽
        b、正常注释
            (2)//xxxxxxxx               单行注释
            (3)/*xxxxxxxx*/            多行注释




  • 相关阅读:
    tomcat虚拟目录配置
    关于JS闭包
    数据列表里结合负边距做间隔线的技巧需注意的小细节
    前端优化技巧笔记
    浏览器工作原理相关笔记
    工作小心得(关于绝对定位元素)
    关于定位和溢出处理的一些小经历
    关于定位和z-index的一些小经历
    fullpage实现(-)
    移动端布局-实例
  • 原文地址:https://www.cnblogs.com/Zjingwen/p/4455671.html
Copyright © 2020-2023  润新知