window对象和JQuery

阅读量: 155 编辑

window对象和JQuery

  • window 是浏览器内置对象。我们可以通过 window对象 来实现页面跳转、获取页面宽高等。比如 window.location.href="地址" 就实现了页面跳转到对应的地址

  • jQuery 是一个前端的非常强大的框架,基本上做前端开发必用。我们后面专门有课程讲解他的使用方法。

  • 如何引入 jQuery?在 <head> 标签中加入下方代码即可,当前提是项目中有 jquery-1.11.3.min.js 文件

<script type="text/javascript" src="./jquery-1.11.3.min.js"></script>

一、代码实战

代码的详细解读,可以参考视频教程

文件:19.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Window 和 JQuery</title>
        
        <!-- 引入jQuery :jquery-1.11.3.min.js 和 19.html 在同一个文件目录内 -->
        <script type="text/javascript" src="./jquery-1.11.3.min.js"></script>
    
    </head>
    
    <body>
    
        <a href="javascript:void(0)" onclick="goto()">baidu</a>

        <input id="myinput">
        
        <button onclick="getInput()">获取input的值</button>

        <script type="text/javascript">
            function goto(){
                window.location.href = "http://www.baidu.com"
            }

            function getInput(){
                // let value = document.getElementById("myinput").value
                // alert(value)

                let value = $("#myinput").val()
                alert(value)
            }
        </script>

    </body>
    
</html>