当前位置: 网站首页>小程序开发>400电话办理

新安小程序制作【新安企业邮箱】新安网站外包、新安微信商城开发、新安网店美工、新安淘宝设计

发表日期: 2021-05-07 13:43:47 浏览次数:115

新安小程序制作【新安企业邮箱】新安网站外包、新安微信商城开发、新安网店美工、新安淘宝设计


新安县位于河南省洛阳市西部,地处北纬34°36′至北纬35°05′,东经111°53′至112°19′之间。北临黄河,与济源市及山西省垣曲县隔河相望;南与宜阳县接壤;西与渑池县及义马市为邻;东与洛阳市孟津区等 [27]  毗连。

新安历为十三朝古都洛阳畿地和西方门户,地扼函关古道,东连郑汴,西通长安,自古为中原要塞,军事重地。当代,陇海铁路及310国道、连霍高速公路横贯东西,更成为连接祖国西北、华东及华北间的重要通道。

新安不仅是河南省48个扩权县和50个对外开放重点县之一,也被誉为中西部地区发展潜力最大、最具活力的县市之一。 [1]  2020年7月29日,入选2019年重新确认国家卫生乡镇(县城)名单。 [2]  2020年11月,入选第六届全国文明城市 [3]  。

2020年11月,入选 “2020年中国工业百强县(市)”,排名第84位。 [4]  11月27日,被评为省级森林城市 [5]  。

2020年,新安县完成地区生产总值530亿元,同比增长4%,一般公共预算收入28.14亿元,同比增长5.9%;规模以上工业增加值同比增长4.7%;固定资产投资同比增长7.1%;社会消费品零售总额完成112.4亿元;城乡居民人均可支配收入分别达到38312元、18596元。 [29] 


一、介绍

到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。


也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。


JavaScript分为 ECMAScript,DOM,BOM。


BOM(Browser Object Model)是指浏览器对象模型 ,作用是通过js代码操作浏览器


DOM ( Document Object Model)是指文档对象模型,作用是通过js代码操作标签。通过它访问HTML文档的所有元素。


Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成:document.write()。


BOM结构图



从上图可以看出来:


DOM对象也是BOM的一部分

window对象是BOM的顶层(核心)对象

window对象是BOM的顶层(核心)对象


#1、在调用window对象的方法和属性时,可以省略window,例如:window.document.location可以简写为document.location


#2、全局变量也是windows对象的属性,全局的函数时window对象的方法 


二、BOM

1. window对象

window对象指代的就是浏览器窗口


console.log(window.innerHeight);  // 927  (浏览器窗口内的高度)

console.log(window.innerWidth);   // 1918 (浏览器窗口内的宽度)



// window.open('https://www.baidu.com', '', 'height=400px, width=400px, top=400px, left=400px');  // 新建窗口打开页面 第二个参数写空即可 第三个参数写新建的窗口的大小和位置

// window.close();  // 关闭当前页面

// window.opener();  // 扩展父子页面通信(了解)



// 总结

/*

window.innerHeight(); 浏览器内部高度

window.innerWidth();  浏览器内部宽度

window.open(url, '', '宽高+位置');

window.close();  关闭当前页面

window.opener();

*/


2. window的子对象

提示: 如果是window的子对象 那么window可以省略不写, 下面写是为了更加见名知意.


2.1 navigator对象

console.log(window.navigator.appName);     // Netscape (浏览器名称)

console.log(window.navigator.appVersion);  // 5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36  (返回浏览器版本)


console.log(window.navigator.userAgent);  // Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36 (掌握: 解析出用户信息)

// 扩展:仿爬措施

/*

1.最简单最常用的一个就是校验当前请求的发起者是否是一个浏览器

    userAgent

    user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36

如何破解该措施

    在你的代码中加上上面的user-agent配置即可

*/


console.log(window.navigator.platform);  // Win32 (平台)



// 总结

/*

window.navigator.appName;    浏览器名称

window.navigator.appVersion; 返回浏览器版本

window.navigator.userAgent;  解析出用户信息

window.navigator.platform;   平台

*/


2.2 history对象

// 对应的就是你浏览器左上方的两个的箭头

window.history.back();     // 回退到上一页

window.history.forward();  // 前进到下一页

1

2

3

2.3 location对象(掌握)

// 一. location对象的浏览器的位置操作

// 1. href属性: 获取url地址栏的,整个url(统一资源定位器)

console.log(location.href);

// 2. host属性: 获取url地址栏的,IP和端口号

console.log(location.host);

// 3. hostname属性: 获取url地址栏的,IP

console.log(location.hostname);

// 4. port属性: 获取url地址栏的,端口号

console.log(location.port);

// 5. protocol属性: 获取url地址栏的,协议名称

console.log(location.protocol);

// 6. search属性: 获取url地址栏的,?后面查询的内容

console.log(location.search);

// 7. pathname属性: 获取url地址栏的,html文件路径地址

console.log(location.pathname); 



// 二. location对象的浏览器的位置操作

// 1. location.href = 'url', 当前页面跳转新的网址,保留历史记录

location.href = 'https://www.baidu.com';

// 2. location.replace('url'), 当前页面跳转新的网址,不保留历史记录

location.replace('https://www.baidu.com');

// 3. location.reload(), 重载当前网页(用的少)

location.reload();


2.4 弹出框

alert('警告框');

console.log(confirm('确认框')); // 返回布尔值

console.log(prompt('提示框'));  // 返回输入值

1

2

3

2.5 定时器

function func1() {

    alert('111');

}

let t1 = setTimeout(func1, 3000);  // 毫秒为单位 3秒之后自动执行func1函数

// clearTimeout(t1);  // 取消定时任务  如果你想要清除定时任务 需要提前前用变量(t1)指代定时任务

// cleatTimeout(setTimeout(func1, 3000));  // 简写



function func2() {

    alert('222');

}

function show() {

    let t2 = setInterval(func2, 3000);

    function inner() {

        clearInterval(t2);

    }

    setTimeout(inner, 9000);  // 9秒中之后触发inner清除定时器t2

}

show();



// 总结:

/*

一次性定时器:

    let t = setTimeout(func, 毫秒);

    clearTimeout(t);


多次性定时器:

    function show() {

        let t = setInterval(func, 毫秒);

        function inner() {

            clearInterval(t);

        }

        setTimeout(inner, 毫秒);

    }

*/


3.小结

Browser Object Model


window对象

    innerHeight;  浏览器内高

    innerWidth;   浏览器内宽

    open(url, '', '宽高+位置');

    close();



window子对象:

    navigator

        navigator.appName;    浏览器名

        navigator.appVersion; 浏览器版本

        navigator.userAgent;  解析用户信息

        navigator.platform;   平台


    history:

        history.back();     回退

        history.forward();  前进


    location:

        location.href     获取url

        location.href=url 跳转url

        location.reload   重载


弹出框:

    警告框: alert(value);

    确认框: confirm(value);  返回布尔

    提示框: prompt(value);   返回输入内容


定时器:

    一次性:

        let t = setTimeout(func, 3000);

        clearTimeout(t);

    多次性:

        function show() {

            let t = setInterval(func, 3000);

            function inner() {

                clearInterval(t);

            }

            setTimeout(inner, 9000);

        }

微信图片_20210425092605.jpg

新安小程序制作新安企业邮箱新安网站外包、新安微信商城开发、新安网店美工、新安淘宝设计

品茶服务联系十Q/Q:【3775586952】
服务热线
顶部

备案号: 苏ICP备11067224号

CopyRight © 2011 书生商友信息科技 All Right Reserved

24小时服务热线:品茶服务联系十Q/Q:【3775586952】   E-MAIL:1120768800@qq.com   QQ:1120768800

  网址: https://www.768800.com  网站建设上往建站

关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|

企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|

400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 昌平殡葬| 朝阳殡葬|

预约专家

欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系

  

服务热线:品茶服务联系十Q/Q:【3775586952】