地址栏

用javascript获取地址栏参数

China☆狼群 提交于 2020-01-16 01:25:24
方法一: < script type ="text/javascript" > <!-- function Request(strName){ var strHref = " www.cnlei.org/index.htm?a=aaa&b=bbb&c=ccc " ; var intPos = strHref.indexOf( " ? " ); var strRight = strHref.substr(intPos + 1 ); var arrTmp = strRight.split( " & " ); for ( var i = 0 ; i < arrTmp.length; i ++ ) { var arrTemp = arrTmp[i].split( " = " ); if (arrTemp[ 0 ].toUpperCase() == strName.toUpperCase()) return arrTemp[ 1 ]; } return "" ; } alert(Request( " a " )); alert(Request( " b " )); alert(Request( " c " )); // --> </ script > 方法二: < script type ="text/javascript" > <!-- String.prototype.getQuery

*JS获取地址栏参数

杀马特。学长 韩版系。学妹 提交于 2020-01-15 05:44:10
方法一 : <script type="text/javascript"> <!-- function Request(strName){ var strHref = "www.cnlei.org/index.htm?a=aaa&b=bbb&c=ccc"; var intPos = strHref.indexOf("?"); var strRight = strHref.substr(intPos + 1); var arrTmp = strRight.split("&"); for(var i = 0; i < arrTmp.length; i++) { var arrTemp = arrTmp[i].split("="); if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1]; } return ""; } alert(Request("a")); alert(Request("b")); alert(Request("c")); //--> </script> 方法二 : <script type="text/javascript"> <!-- String.prototype.getQuery = function(name) {   var reg = new RegExp("(^|

冷门JS技巧

喜你入骨 提交于 2020-01-13 21:04:44
前端已经被玩儿坏了!像 console.log()可以向控制台输出图片 等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个 帖子 ,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。 HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开头后跟要执行的语句。比如: javascript:alert('hello from address bar :)'); 将以上代码贴到浏览器地址栏回车后alert正常执行,一个弹窗神现。 需要注意的是如果是通过copy paste代码到浏览器地址栏的话,IE及Chrome会自动去掉代码开头的javascript:,所以需要手动添加起来才能正确执行,而Firefox中虽然不会自动去掉,但它根本就不支持在地址栏运行JS代码,sigh~ 这一技术在我的另一篇博文《 让Chrome 接管邮件连接,收发邮件更方便了 》中有使用到,利用在浏览器地址栏中执行JavaScript代码将Gmail设置为系统的邮件接管程序。 浏览器地址栏运行HTML代码 如果说上面那条小秘密知道的人还算多的话

http协议之响应协议

烂漫一生 提交于 2020-01-07 06:01:33
一.响应协议的格式如下: 1.响应首行 2.响应头信息 3.空行 4.响应体 二.post请求: 1.数据不会出现在地址栏中 2.数据的大小没有上限 3.有请求体 4.请求体中如果存在中文,会使用url编码 三.get请求 http协议默认的请求方式是get请求 1.get请求数据会暴露在浏览器地址栏中 2.没有请求体 3.数据必须在4k内 来源: https://www.cnblogs.com/startl/p/12151744.html

如何使用微信开发者工具调试在微信端访问的网页

柔情痞子 提交于 2020-01-06 23:41:34
假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试. 假设我的web应用的访问入口是如下公众号菜单的"预约"按钮: 那么为了能够在微信开发者工具里调试,需要首先进入该公众号的后台,在web开发者工具里,将我本人的微信号添加进去: 点击"绑定开发者账号": 输入待绑定的微信账号: 点击绑定,该微信号会收到一条消息,询问是否绑定: 点击同意操作完成绑定. 接下来,把要调试的web应用的url放到微信开发者工具地址栏里,回车之后,微信开发者工具就会弹出一个询问窗口,点击Allow之后,就可以在微信开发者工具提供的类似Chrome开发者工具调试器一样的界面里进行单步调试了. 这个粘贴到地址栏的url很有讲究。 https://open.weixin.qq.com/connect/oauth2/authorize?appid=yyyy&redirect_uri=https%3a%2f%2fwww.xxx.com%2fsmart&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect 其中appid=后面的值,是从微信公众号控制台里拷贝出来的appid: redirect_uri, 即为我们开发的web应用,部署到服务器之后生成的url,需要经过url

使用新的URL更新地址栏,而不散列或重新加载页面

大兔子大兔子 提交于 2020-01-06 16:10:08
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 我梦ed以求的是chrome(开发者通道)实现了一种无需重新加载页面即可通过javascript(地址而非域)更新地址栏的方法,或者他们确实做到了。 但是,我找不到我 想 读的文章。 我疯了还是有办法做到这一点(在Chrome中)? ps我不是在谈论window.location.hash等。 如果上述内容存在 ,则此问题的答案 将不成立。 #1楼 现在,您可以在大多数“现代”浏览器中执行此操作! 这是我阅读的原始文章(发布于2010年7月10日): HTML5:更改浏览器URL而不刷新page 。 要更深入地了解pushState / replaceState / popstate(又称HTML5历史API), 请参阅MDN文档 。 TL; DR,您可以执行以下操作: window.history.pushState("object or string", "Title", "/new-url"); 有关基本操作方法,请参阅我的答案, 无需重新加载页面 即可 修改URL 。 #2楼 仅更改哈希后的内容-旧的浏览器 document.location.hash = 'lookAtMeNow'; 更改完整的URL。 Chrome,Firefox,IE10 + history.pushState('data to

request.getRequestDispatcher()和response.sendRedirect()区别

╄→гoц情女王★ 提交于 2019-12-28 21:34:34
request.getRequestDispatcher()和response.sendRedirect()区别 一.request.getRequestDispatcher().forward(request,response): 1、属于转发,也是服务器跳转,相当于方法调用,在执行当前文件的过程中转向执行目标文件,两个文件(当前文件和目标文件)属于同一次请求,前后页共用一个request,可以通过此来传递一些数据或者session信息,request.setAttribute()和request.getAttribute()。 2、在前后两次执行后,地址栏不变,仍是当前文件的地址。 3、不能转向到本web应用之外的页面和网站,所以转向的速度要快。 4、URL中所包含的“/”表示应用程序(项目)的路径。 二.response.sendRedirect(): 1、属于重定向,也是客户端跳转,相当于客户端向服务端发送请求之后,服务器返回一个响应,客户端接收到响应之后又向服务端发送一次请求,一共是2次请求,前后页不共用一个request,不能读取转向前通过request.setAttribute()设置的属性值。 2、在前后两次执行后,地址栏发生改变,是目标文件的地址。 3、可以转向到本web应用之外的页面和网站,所以转向的速度相对要慢。 4、URL种所包含的"/"表示根目录的路径。

Tomcat修改地址栏图标附多个ICON图标下载地址

て烟熏妆下的殇ゞ 提交于 2019-12-26 21:34:08
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 系统发布到TOMCAT,外网访问时IE栏出现TOMCAT猫咪图标,看了让人没有安全感,还是修改下这个猫咪先。。 1、找ico格式图标,像素在16*16的。这里推荐一个网址,不错的。 http://fasticon.com/freeware/ 2、进入安装的TOMCAT目录:E:\apache-tomcat-5.5.28\webapps\ROOT下,把你下载的ICO文件拷贝到这下面,命名为favicon.ico,把猫咪的那个ICO文件名字改掉。 3、IE设置:工具——选项——删除临时文件 4、重启TOMCAT,在IE中的地址栏里就没那个猫咪了,世界清静了。 ICON图标下载地址汇总 图标文件是我们经常用到的一种小图片,它可以 美化你的系统 , 也是网站或博客设计中不可缺少的一种元素,尤其在web2.0盛行的今天。但由于尺寸较小、象素要求较高、文件格式特殊而使一些非专业人士制作起来相当费 时费力,且不容易达到需求的效果。今天,秦爱为大家准备了大量的icon图标,供你免费下载,其中有专门的ICON图标搜索引擎,也有大量的专业ICON 图标下载网站,还有几个在线制作工具。 ★ 2个图标搜索引擎 iconfinder 提供的图标搜索比较有特色,提供128×128的大图预览,也可以直接下载。它还提供标签云

BOM的原理及使用

拟墨画扇 提交于 2019-12-21 03:33:49
BOM的原理 Window:窗口对象 Location:地址栏对象 History:历史记录对象 概念:Browser Object Model 浏览器对象模型 将浏览器的各个组成部分封装成对象。 组成: Window:窗口对象 (重点) Navigator:浏览器对象 Screen:显示器屏幕对象 History:历史记录对象 (重点) Location:地址栏对象 Window:窗口对象 1. 创建 2. 方法 1. 与弹出框有关的方法: alert() 显示带有一段消息和一个确认按钮的警告框。 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 * 如果用户点击确定按钮,则方法返回true * 如果用户点击取消按钮,则方法返回false prompt() 显示可提示用户输入的对话框。 * 返回值:获取用户输入的值 2. 与打开关闭有关的方法: close() 关闭浏览器窗口。 * 谁调用我 ,我关谁 open() 打开一个新的浏览器窗口 * 返回新的Window对象 3. 与定时器有关的方式 setTimeout() 在指定的毫秒数后调用函数或计算表达式。 * 参数: 1. js代码或者方法对象 2. 毫秒值 * 返回值:唯一标识,用于取消定时器 clearTimeout() 取消由 setTimeout() 方法设置的 timeout。

vue动态获取地址栏参数

不羁的心 提交于 2019-12-18 10:59:44
data () { return { seller: { // 从url获取id参数 id: (() => { let obj = {}; // 获取url参数部分 大概长这样 ?id=213123&a=b let url = window.location.search; let reg = /[?&][^?&]+=[^?&]+/g; // 用正则匹配成数组 大概长这样 [?id=213123, &a=b] let arr = url.match(reg); if (arr) { arr.forEach((item) => { // 把字符串?id=123 转为数组 [id, 123] let tempArr = item.substring(1).split('='); // decodeURIComponent()可对encodeURIComponent()函数编码的URI进行解码。 let key = decodeURIComponent(tempArr[0]); let val = decodeURIComponent(tempArr[1]); // 把键值对添加到obj中 obj[key] = val; }) } console.log(obj.id); return obj.id; })() } } }, 请求数据时候就可以用地址栏的参数了 created () {