JavaScript入门(一)

2018-09-13  本文已影响0人  暴走的金坤酸奶味

JavaScript嵌入页面的方式

1、行间事件(主要用于事件)(但是他们属于结构与行为耦合,不方便维护,不推荐使用)

<input type="button" name="" onclick="alert('ok!');">

2、页面script标签嵌入

<script type="text/javascript">        
    var a = '你好!';
    alert(a);
</script>

3、外部引入(推荐使用的方式)

<script type="text/javascript" src="js/index.js"></script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloWorld</title>
    <!--JS代码需要编写到script标签中-->
    <script type="text/javascript">
        /*
        控制浏览器弹出一个警告框
        alert("宁姐,你真漂亮!!");
        */

        /*
        让计算机在页面中输出一个内容
        document.write()可以向body中输出一个内容
        document.write("看我出不出来~~~");
        */
        
        /*
        向控制台输出一个内容
        console.log()的作用是向控制台输出一个内容
        console.log("你猜我在哪出来呢?");
        */

        alert("宁姐,你真漂亮!!");
        document.write("看我出不出来~~~");
        console.log("你猜我在哪出来呢?");
    </script>
</head>
<body>
    
</body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读