JS

最新推荐文章于 2022-10-16 19:12:58 发布

weixin_45800839

最新推荐文章于 2022-10-16 19:12:58 发布

阅读量81

点赞数 1

文章标签： js

本文链接：https://blog.csdn.net/weixin_45800839/article/details/107579539

版权

jQuery简单介绍

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。

导入jQuery插件。

在html页面关联jQuery

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

创建一个对象

JS中的基本操作

JS是一个弱类型语言，我们只需要定义变量，然后给变量赋值，你赋值是什么类型，那么这个变量就是什么类型。

js是面向对象语言。

变量、方法的定义

 //在js中所有变量都用var定义
    var a = 1;
    var b = false;
    var c = ["a","b"];//赋值数组5
    array.push("sdd");//可以通过push方法往数组里加值
    //运算符与Java相似
    //在js中===判断值和类型相等  ==判断值相等
    for(var i=0; i<10; i++) {
        //向网页上输出
        document.write("当前是" + i+"次<br>");
    }
    //向控制台上输出
    console.log("helloworld");

    //定义方法
    function foo(a) {
        console.log(a);
    }
    foo(123);

创建一个对象

//创建一个对象
var user = {
  username: "hhh",
  pwd:"123",
  foo:function (a) {
      alert(a);
  }
};

红色圈m是方法，紫色圈p是属性

任何一个js都是html页面

在html中单引号和双引号可以互换，但是不能混用；

任何一个JS执行的基础都是html

JS的常用操作 DOM BOM

操作两个对象 ——>文档流对象浏览器对象

document最主要是获得当前页面中的任何元素，获得元素后改变元素中内部的内容，改属性或改value或innerText或innerHTML —— document动态填充过程

innerHTML 和innerText

innerHTML把内容按html解析的内容转成字符串输出在页面// innerHTML返回的是标签内的 html内容，包含html标签。

innerText返回的是标签内的文本值，不包含html标签。

示例：

//获取到html中id是container的标签
var b = document.getElementById('container');
 b.setAttribute("name","lll");//设置属性
 b.innerText = "我是js中得到的按钮";

想给一个前端页面添加或去掉一些内容就是用DOM，如果想要浏览器做一些事，比如监听鼠标事件等就用BOM

浏览器对象BOM

以on开头的都是BOM对象的回调动作

window中包含document,可以拿出document，document不能拿出window

location获得当前浏览器地址，document和window获得的locatIion其实是同一个东西

console.error(window.location.href);//location获得当前浏览器地址，document和window获得的location其实是同一个东西

window.location.href = "http://www.baidu.com";//跳转到指定页面

window.open("http://www.baidu.com");//打开一个新页面window.resizeTo(100,100);//是通过window.open打开的才能获得完整控制权，resize改变浏览器大小

window.location.reload();//刷新当前的页面

window.alert("dfgh");//给一个警示框提示一个内容

window.confirm("hjk");//一个确认框

importClass导入一个脚本

window.moveTo(300,400);//把你打开的内容挪过去，一般只有你open打开的页面才行，例如弹窗广告

window.onkeydown = function (ev) {//onkeydown键盘事件
    alert(ev.code);
}