地址栏

typora-copy-images-to: media 第02阶段.前端基本功.webAPI 基础语法 学习目标 理解 什么是BOM 什么是url 重点 掌握页面加载事件 掌握一个完整url的组成部分 掌握location对象常用的方法和属性 掌握history对象常用的方法 掌握navigator对象的userAgent属性的作用 掌握设置定时器的两种方法 掌握移除定时器的方法 ​ 1.BOM 概念: BOM(Browser Object Model) 是指浏览器对象模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 通俗理解: 把浏览器当做对象,通过访问对象的属性,实现操作浏览器的一组方法 2. 页面加载事件 2.1 load事件 window.onload = function () { // 当页面加载完所有内容（包括图像、脚本文件、CSS 文件等）执行 } 2.2 unload事件 window.onunload = function () { // 当用户退出页面时执行(关闭页面) } 小结: window.onload事件 是页面所有资源加载完成时触发 window.onunload事件 是用户退出页面时触发 3.location对象

windows系统步骤如下： （ 1）打开文件资源管理器(文件夹地址栏中) （ 2）地址栏上面输入 %appdata% （ 3）在这里面新建一个文件夹 pip （ 4）在pip文件夹里面新建一个文件叫做 pip.ini ,内容写如下即可 [global] timeout = 6000 index-url = https://mirrors.aliyun.com/pypi/simple/ trusted-host = mirrors.aliyun.com Linux步骤如下： （ 1）cd ~ （ 2）mkdir ~/.pip （ 3）vi ~/.pip/pip.conf （ 4）编辑内容，和windows一模一样 来源： https://www.cnblogs.com/lyxcode/p/11796461.html

1.获取地址栏后面某一个参数的值 function GetQueryString(name) { var reg = new RegExp( "(^|&)" + name + "=([^&]*)(&|$)" ); var r = window.location.search.substr(1).match(reg); if (r!= null ) return unescape(r[2]); return null ; } // 调用方法 alert(GetQueryString( "参数名1" )); 2.把地址栏后面的参数与值拼接为一个对象 function UrlSearch() { var obj={} var name,value; var str=location.href; //取得整个地址栏 var num=str.indexOf("?") str=str.substr(num+1); //取得所有参数 stringvar.substr(start [, length ] var arr=str.split("&"); //各个参数放到数组里 for(var i=0;i < arr.length;i++){ num=arr[i].indexOf("="); if(num>0){ name=arr[i].substr(0,num); value=arr[i]

SSL证书安装成功后，地址栏出现带有感叹号“!”警告图标的三角形，80%的用户从http升级到https都会遇到的问题，那么为什么会出现这个感叹号“!”警告呢？如何去除呢？ 警告 https去掉感叹号“!”的方法 注意：感叹号有两种情况，一种是灰色的锁，另一种情况是绿色的锁，不同颜色的锁表示的意义不同 灰色锁感叹号 灰色锁感叹号：说明网站已经成功安装SSL证书，网站内容已经加密。带有感叹号的原因是浏览器检测到该网页中的图片、视频或者引用文件依然使用http协议。 解决方法：查看网页源代码，将网页内所有的http链接更改为https链接； 绿色锁感叹号 灰色锁感叹号：说明网站已经成功安装SSL证书。感叹号的意思是浏览器阻止了该网页的不安全内容，如果您信任被阻止的内容，可点击地址栏中的绿色小锁图标，并暂时解除对网站的不安全内容的拦截即可。 解决方法：检查网页中不被浏览器信任的内容，选择删除或者替代。 文章来源: SSL证书安装成功后地址栏图标出现感叹号警告三角形

编程实现 Qt为开发者提供了QtWebKit模块,QtWebKit是一个基于开源项目 WebKit的网页内容渲染引擎，借助该引擎可以更加快捷地将万维 网集成到 Qt 应用中。 浏览器有一个可以用于展示网页的窗口 创建浏览器 Qt的程序通过创建QApplication类实例来调用exec_()方法进入事件循环， 然后程序一直循环监听各种事件并把它们放入消息队列中，在适当的时候从队 列中取出处理。 QAction类提供了抽象的用户界面action #添加按钮 reload_button = QAction(QIcon('icons/renew.png'), 'reload', self) 将action与实际功能绑定 reload_button.triggered.connect(self.browser.reload) 这些action可以被放置在窗口部件中 navigation_bar.addAction(reload_button) Qt中有一个强大的部件类QWidgets，基于这个类可以派生出很多其他的小部件 ，比如QLineEdit是单行文本框，将这个不见作为地址栏，为浏览起添加一个地址栏 #添加URL地址栏 self.urlbar = QLineEdit() Qt中每种组件都有信号机制，可用来将信号与相应的处理函数进行连接绑定，比如将 地址栏的回车信号urlbar

项目中遇到一个需求，就是另一个管理系统带参直接单纯的跳转跳转到vue pc项目中的某个页面，后再初始化查询数据，参数以地址栏的形式传入 管理系统：打开新地址地址 let obj = { id: 21, name: "测试传参" }; window.open("http://localhost:8080/loginM?obj=" + JSON.stringify(obj),"_blank"); pc项目获取地址栏参数： export function getUrlKey( name){ return decodeURIComponent(( new RegExp( '[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[ 1].replace( /\+/g, '%20')) || null } 在newPage.vue文件中调用： import {getUrlKey} from './getUrlKey.js' data() { 　　 return { '', 　　} }, created(){ // 地址栏：` http://localhost:8080/loginM?obj={%22id%22:21,%22name%22:%22%E6%B5%8B%E8%AF%95%E4%BC%A0

快捷键： https://mp.weixin.qq.com/s__biz=MzU1NDgyNDQ1Ng==∣=2247491078&idx=1&sn=97050050aafbcf53d85c3e70d9021e43&chksm=fbdcf861ccab71776aeaf3e35a84a7a45caa138f102bc8597bf8774f53521017fbf2db3502ae&mpshare=1&scene=23&srcid=&sharer_sharetime=1568119181818&sharer_shareid=64047bf3fb18ee48965ae20d69edc5a6#rd 摘要： Alt + 双击图标 查看属性 Alt+ Esc 可以让你在没有最小化的窗口之间切换， Ctrl + Table 可以在程序内部的窗口转换 F6 定位到地址栏 F4 单独使用可以用于重复上一步操作，以及在表格中合并单元格和插入行或列。 来源： https://www.cnblogs.com/rcmmyy20/p/11761423.html

forword:服务器转发，只发送一次请求，地址栏未改变，转发效率高，只能访问本网站页面 redirect:客户端转发，发送两次，地址栏改变，转发效率低，可以访问其他页面 来源： https://www.cnblogs.com/Zs-xin/p/11689988.html

获取地址栏的id 需求：获取到地址栏传递过来的id值 代码： 方法一：(需要兼容性好) //创建URLSeachParams对象，使用对象来获取地址栏的参数 var temp = new URLSearchParams ( location . search ) ; var id = temp . get ( 'id' ) ; // console.log(id); 方法二：(函数封装) //从浏览器的地址栏中获取查询参数 function getUrlParams ( name ) { var paramsAry = location . search . substr ( 1 ) . split ( '&' ) ; //循环数据 for ( var i = 0 ; i < paramsAry . length ; i ++ ) { var tmp = paramsAry [ i ] . split ( '=' ) ; if ( tmp [ 0 ] == name ) { return tmp [ 1 ] } } return - 1 } 来源： https://blog.csdn.net/qq_40282446/article/details/102537048

watch: { id (val) { let query = this.$router.history.current.query; let path = this.$router.history.current.path; //对象的拷贝 let newQuery = JSON.parse(JSON.stringify(query)); // 地址栏的参数值赋值 newQuery.id = val; this.$router.push({ path, query: newQuery }); } }, 我的需求是，点击切换上下篇文章，我就在地址栏添加了参数，但是切换刷新后，还是原来的；所以就通过在点击的时候，将值赋值到data里面，然后通过watch监听，将值动态的换到地址栏上去，这样刷新就是你点击的最新的啦 来源： https://www.cnblogs.com/chenzhengyang/p/11660123.html