javascript 地址栏不变

2024-09-01

JS实现页面跳转浏览器地址栏保持不变

JS实现页面跳转浏览器地址栏保持不变在公司内部框架中,发现点击超链接,页面发生跳转,而浏览器地址栏URL始终保持不变.分析其实现机制,响应A标签onclick事件,通过Ajax向服务器端发送http请求,然后將服务器返回数据写到当前document对象. 实现代码如下: //IE浏览器创建XmlHttpRequest对象 var xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.3.0"); function openBaidu() { xml

<<< javascript地址栏，代码

不伤及服务器,可以用来测试项目效果修改网页.不修改服务器端任何网页页面 javascript:document.body.contentEditable='true';document.designMode='on';!msn1dai javascript:document.body.contentEditable='true';document.designMode='on';void0 恢复编辑前效果:javascript:document.body.contentEditable='fa

javascript之BOM地址栏对象(Location)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascr

javascript之Location对象

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascr

JavaScript 在不刷新或跳转页面的情况下改变当前浏览器地址栏上的网址

JavaScript 在不刷新或跳转页面的情况下改变当前浏览器地址栏上的网址 var stateObject = {}; var title = "改变后的网址的标题"; var newUrl = "/my/awesome/url"; history.pushState(stateObject,title,newUrl);

HTML5 History对象，Javascript修改地址栏而不刷新页面

一.History对象 History 对象包含用户(在浏览器窗口中)访问过的 URL. History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问. 注释:没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象. IE: Internet Explorer, F: Firefox, O: Opera. 1. History 对象属性属性描述 IE F O length 返回浏览器历史列表中的 URL 数量. 4 1 9 2.

JavaScript获取地址栏中的参数

JavaScript获取地址栏中的参数 1.获取地址栏中的参数 (1)若地址栏中的地址是: http://10.124.36.56:8080/CMOD/index.jsp?name=you&password=123456&type=student (2)获取地址栏中的最后一个参数type 2.实现的JS function getAddressURLParam(paramName) { //构造一个含有目标参数的正则表达式的对象 var reg = new RegExp("(^|&

使用JavaScript修改浏览器URL地址栏的实现代码【转】

引用自http://www.jb51.net/article/42240.htm 现在的浏览器里,有一个十分有趣的功能,你可以在不刷新页面的情况下修改浏览器URL;在浏览过程中.你可以将浏览历史储存起来,当你在浏览器点击后退按钮的时候,你可以冲浏览历史上获得回退的信息,这听起来并不复杂,是可以实现的,我们来编写些代码.来看看它是如何工作的. <button onclick="justUrlChange()">点击-循环改变URL地址,但并不和后台交互</button&

浏览器地址栏运行JavaScript代码

这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开头后跟要执行的语句.比如: javascript:alert('hello from address bar :)'); 将以上代码贴到浏览器地址栏回车后alert正常执行,一个弹窗神现. 需要注意的是如果是通过copy paste代码到浏览器地址栏的话,IE及Chrome会自动去掉代码开头的javascript:,所以需要手动添加起来才能正确执行,而Firefox中虽然不会自动去掉,但

用javascript获得地址栏参数的两种方法

javascript获得地址栏参数. 方法1: <script language="JavaScript"> //取地址栏参数 <!-- function Request(strName) { var strHref = "www.jbxue.com /index.html?a=1&b=1&c=测试测试"; var intPos = strHref.indexOf("?"); var strRight = str

javascript获取地址栏参数

http://gzycm520.blog.51cto.com/175220/71030方法一: <script type="text/javascript"> <!-- function Request(strName){ var strHref = "www.QQView.com/index.htm?a=aaa&b=bbb&c=ccc"; var intPos = strHref.indexOf("?");

JavaScript获取地址栏内容

例如地址为:http://www.mazey.net/baby/blog/index.php?a=1&b=2#c var query = window.location.href; //http://www.mazey.net/baby/blog/index.php?a=1&b=2#c var query = window.location.host; //www.mazey.net 1.window.location.href 说明:整个地址栏字符串(在浏览器中就是完整的地址栏) 本例返

JavaScript三种方法获取地址栏参数的方法

今天碰到要在一个页面获取另外一个页面url传过来的参数,一开始很本能的想到了用 split(“?”)这样一步步的分解出需要的参数. 后来想了一下,肯定会有更加简单的方法的!所以在网上找到了两个很又简单实用的方法,mark下方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)

JavaScript获得URL地址栏参数防乱码

JavaScript获得URL地址栏参数防乱码 JavaScript中经常需要解析地址栏中拼接的参数.下面的代码基本是固定的代码,这里摘录下备用. //获得地址栏参数值 function getUrlParam(name) { // 用该属性获取页面 URL 地址从问号 (?) 开始的 URL(查询部分) var url = window.location.search; // 正则筛选地址栏 var reg = new RegExp("(^|&)"+ name +"

javascript获取地址栏参数的方法

javascript获取地址栏参数的方法<pre>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;}functio

Javascript/jQuery 获取地址栏URL参数的方法

1.jquery获取url很简单,代码如下 window.location.href; 2.javascript获取url参数 function getUrlParam(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); /

Javascript获取地址栏参数值

采用正则表达式获取地址栏参数: 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(GetQu

使用 JavaScript 修改浏览器 URL 地址栏

现在的浏览器里,有一个十分有趣的功能,你可以在不刷新页面的情况下修改浏览器URL;在浏览过程中.你可以将浏览历史储存起来,当你在浏览器点击后退按钮的时候,你可以冲浏览历史上获得回退的信息,这听起来并不复杂,是可以实现的,我们来编写些代码.来看看它是如何工作的. 1 var stateObject = {}; 2 var title = "Wow Title"; 3 var newUrl = "/my/awesome/url"; 4 history.pushState

【JavaScript】新浪微博ajax请求后改变地址栏url，但页面不跳转的方案解析

新浪微博当你弹出一个视频的时候再点下一页时,原视频还在,而且地址栏的url的页数变了.对于这种网上讨论最多的方案有以下几种: 一.通过锚点Hash实现在这方面其实国内很早就有做了,比如淘宝画报,通过的是在地址栏后面加#锚点实现的,浏览器是可以识别锚点为单位的历史记录的.但不是说页面本身有这个锚点,锚点的Hash只是起到一个引导浏览器将这次的记录推入历史记录栈顶的作用. 二.通过HTML5加强型的History对象实现(类Pjax)可以通过window.history.pushState这个方法

HTML5 History对象，Javascript修改地址栏而不刷新页面（二）

一.实例说明: $('#btnOne').click(function () { var stateObject = { id: 1 }; var title = "本地首页"; var newUrl = '/index.html'; //修改地址栏中的地址 /* * 使用说明,pushState中缓存的地址,必须是当前域中的地址 */ history.pushState(stateObject, title, newUrl); }); $('#btnTwo').click(funct

用JavaScript获取地址栏参数的方法

/** * 获取地址栏参数 * * @example GetUrlString('id') * * @desc 调用时加上判断,保证程序不会出错 * var myurl = GetUrlString('id'); * if (myurl != null && myurl.toString().length > 1) { * alert(GetUrlString("id")); * } * * @param String param 要获取地址栏中的参数名 * @r

javascript 地址栏不变

热门专题