美文网首页
20-01-28JS基础1

20-01-28JS基础1

作者: 南笙可歌 | 来源:发表于2020-01-28 12:21 被阅读0次

    书写形式:

    <!--行内JS-->

        <button onclick="alert('今天天气很好!');">今天天气很好!

    <!--  外链式JS-->外部JS,在企业开发中用的较多

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

    备注:一旦引入外部JS,则在    <script ></script>标签中间写的JS语句则不会执行。想写其他的代码,必须新用一个<script></script> 标签  </script></script>

    <!-- 页内JS-->

    <script>

    window.onload =function ()

    {

    alert("今天天气很好!");

       }

    </script>

    注意:内部JS和外部JS,统一在尾部书写。有一种情况特殊,JS如果是为了处理CSS的样式,我们在头部<head></head>书写,其他情况都在尾部

    window.onload=function(){}在全局范围内只有一个起作用

    注释:

    1单行注释  //

    2多行注释 /**/

    3经典注释

    4注释文化

    输出方式:(与用户的交互行为)

    1,在网页中弹出显示框,显示信息

    <script>

        window.alert('弹窗输出')

    </script>

    阻断式弹窗,就是,必须点击 确定 ,才能继续执行后面的代码

    2,在控制台输出消息,一般用来调试程序

    3,在网页中弹出输入框,一般用于接受用户输入的信息

    4,在网页中弹出提示框,显示信息,该方法一般与if判断语句结合使用

    //弹窗

        window.alert('弹窗输出');

    debugger;

    -->

    //在控制台进行输出

    console.log('itlike.com');

    console.error('这是一个错误!');

    console.warn('这是一个警告!');

    //向body中输出一些内容<动态的往页面里面写入一些内容>

        window.document.write('你好,同学');

        window.document.write('<h1>你好,同学</h1>');

    //在网页中弹出输入框,一般用于接收用户信息

        window.prompt('你想对我说些什么');

    //5

    window.confirm('你想对我说些什么');

    //相对与alert多了一个 取消 的按钮

    相关文章

      网友评论

          本文标题:20-01-28JS基础1

          本文链接:https://www.haomeiwen.com/subject/krbpthtx.html