金沙贵宾会官网|金沙贵宾会登录-官网

【A】金沙贵宾会官网超高的返奖率为娱乐者提供资金保障,所以金沙贵宾会登录官网更加的方便了你的娱乐,申请88元彩金,因为在当中不仅仅只有游戏。

ajax后退解决方案

日期:2019-11-23编辑作者:网络安全

相关:

cors完成跨域难点:

cors前端代码
<pre>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>跨域</title>
</head>
<style>
.container{
width: 900px;
margin: 0 auto;
}
</style>
<body>
<div class="container">
<ul class="news">
<li>1.拆穿违规违法网址的搜刮黑幕2013-07-09</li>
<li>2.买200袋大米找茬 假新闻报道人员敲榨勒索判4年二零一一-07-04</li>
<li>3.“收钱”难点:武警称王某收钱证据丰富二零一三-06-21</li>
</ul>
<button class="change">换一组</button>
</div>
<script>
$(".change").addEventListener("click",function(){
var xhr = new XMLHttpRequest();
xhr.open("get", "http://a.jirengu.com/getNews金沙贵宾会登录官网,", true);
xhr.send();
金沙贵宾会官网,xhr.onreadystatechange=function(){
if(xhr.readyState === 4 && xhr.status ===200){
appendHtml(JSON.parse(xhr.responseText));
}
}
});
function appendHtml (news){
var html ="";
for(var i=0; i<news.length; i++){
html+="<li>"+news[i]+"<li>";
}
console.log(html);
$(".news").innerHTML=html;
}
function $(id){
return document.querySelector(id);
}
</script>
</body>
</html>
</pre>

金沙贵宾会官网 1

cors后端

金沙贵宾会官网 2

host

金沙贵宾会官网 3

cors完成跨域

复制代码 代码如下:

降域

a.html:
<pre>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>降域</title>
</head>
<style>
.ct{
width: 910px;
margin: auto;
}
.main{
float:left;
width: 450px;
height: 300px;
border:1px solid #ccc;
}
.main input{
margin: 20px;
width: 200px;
}
.iframe{
float:right;
}
iframe{
width: 450px;
height: 300px;
border: 1px dashed #ccc;
}
</style>
<div class="ct">
<h1>使用降域实现跨域</h1>
<div class="main">
<input type="text" placeholder =";
</div>
<iframe src="" frameborder="0"></iframe>
</div>
<script>
//URL: http://a.jrg.com://8080/a.html
document.querySelector(".main input").addEventListener("input",function(){
console.log(this.value);
window.frames[0].document.querySelector("input").value = this.value;
})
document.domain = "jrg.com"
</script>
</html>
</pre>
b.html:
<pre>
<html>
<style>
html,body{
margin:0;
}
input{
margin:20px;
width:200px;
}
</style>
<input id="input" type="text" placeholder =";
<script>
//URL: http://b.jrg.com://8080/b.html
document.querySelector("#input").addEventListener("input",function(){
window.parent.document.querySelector("input").value = this.value;
})
document.domain = "jrg.com"
</script>
</html>
</pre>

金沙贵宾会官网 4

hosts

金沙贵宾会官网 5

用降域完成跨域

能够变成主域名网址的多寡同步

复制代码 代码如下:

jsonp达成跨域难点:

jsonp前端代码:
<pre>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>news</title>
</head>
<style>
.container{
width: 900px;
margin: 0 auto;
}
</style>
<body>
<div class="container">
<ul class="news">
<li>揭示违法非法网址的压榨黑幕二零一二-07-09</li>
<li>买200袋糯米找茬 假采访者攀龙附凤判4年二零一二-07-04</li>
<li>“收钱”难点:武警称王某收钱证据丰富2011-06-21</li>
</ul>
<button class="change">换一组</button>
</div>
<script>
$(".change").addEventListener("click",function(){
var script=document.createElement("script");
script.src="http://localhost:8080/getNews?callback=appendHtml";
document.head.appendChild(script);
document.head.removeChild(script);
})
function appendHtml(news){
var html="";
for (var i=0;i<news.length;i++){
html +="<li>"+news[i]+"</li>";
}
console.log(html);
$(".news").innerHTML=html;
}
function $(id){
return document.querySelector(id);
}
</script>
</body>
</html>
</pre>

金沙贵宾会官网 6

jsonp后端

金沙贵宾会官网 7

jsonp实现跨域

与方案2风流倜傥致也是行使iframe.src来爆发历史,也亟需三个单身的html页面(iframe卡塔 尔(阿拉伯语:قطر‎。差别的是回调逻辑不是写在iframe.onload中,而一直写在html页面中(上黄金时代篇则是空的html架子卡塔尔。blank.html如下

PostMessage

a.html
<pre>
<!DOCTYPE html>
<html>
<style>
.ct{
width: 910px;
margin: auto;
}
.main{
float:left;
width: 450px;
height: 300px;
border:1px solid #ccc;
}
.main input{
margin: 20px;
width: 200px;
}
.iframe{
float:right;
}
iframe{
width: 450px;
height: 300px;
border: 1px dashed #ccc;
}
</style>
<body>
<div class="ct">
<h1>使用postMessage完结跨域</h1>
<div class="main">
<input type="text" placeholder =";
</div>
<iframe src="" frameborder="0"></iframe>
</div>
<script>
//URL: http://a.jrg.com://8080/a.html
$(".main input").addEventListener("input",function(){
console.log(this.value);
window.frames[0].postMessage(this.value,"");
})
window.addEventListener("message",function(e){
$(".main input").value=e.date
console.log(e.data);
});
function $(id){
return document.querySelector(id);
}
</script>
</body>
</html>
</pre>
b.html
<pre>
<html>
<style>
html,body{
margin:0;
}
input{
margin:20px;
width:200px;
}
</style>
<input id="input" type="text" placeholder =";
<script>
//URL: http://b.jrg.com://8080/b.html
$("#input").addEventListener("input",function(){
window.parent.postMessage(this.value,"
");
})
window.addEventListener("message",function(e){
$("#input").value=e.data
console.log(e.data);
});
function $(id){
return document.querySelector(id);
}
</script>
</html>
</pre>

金沙贵宾会官网 8

行使postMessage完成跨域

postMessage可向大肆窗口发送数据,由目的窗口接受选用多少。
因此postMessage()发送数据,然后再写四个监听函数就足以兑现跨域操作。

和方案2相仿具备浏览器均帮助。
四、通过退换location.hash发生历史,hashchange事件管理后退

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>0</title>
</head>
<body>
<input type="button" value="加1" onclick="add()" />
<div id="info" style="border:red 1px solid;width:200px;padding:10px;margin:5px;">0</div>
</body>
</html>
<script src="history-0.2.js"></script>
<script>
var info = document.getElementById('info');
var i = 1;
function add() {
info.innerHTML = i;
document.title = i;
var data = {
param : i,
func : func
};
History.push(data);
i++;
}
History.push({param:0, func: func});
function func(i) {
info.innerHTML = i;
document.title = i;
}
</script>

复制代码 代码如下:

每一趟ajax操作会往iframe.src的问号后附加三个数字以记录历史。点击后退开关,iframe的onload事件中获取iframe的url,依照问号后的数字去取记录。
具备浏览器均协助该措施。劣势是只要主页面中存在任何iframe,且更正了其src。历史管理会混乱。
三、使用iframe,通过改换iframe.src发生历史,回调写在iframe对应的html页面中

<!DOCTYPE HTML>
<html>
<head>
<title>blank.html</title>
</head>
<body>
<script>
var url= location.href;
if(url.indexOf('?')>-1) {
var idx = url.substr(url.indexOf('?')+1);
parent.History.get(idx);
}
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>0</title>
</head>
<body>
<input type="button" value="加1" onclick="add()" />
<div id="info" style="border:red 1px solid;width:200px;padding:10px;">0</div>
</body>
</html>
<script src="history-0.4.js"></script>
<script>
var info = document.getElementById('info');
var i = 1;
function add() {
var data = {
param : i,
func : func
};
History.push(data);
i++;
}
History.push({param:0, func: func});
function func(i) {
info.innerHTML = i;
document.title = i;
}
</script>

复制代码 代码如下:

复制代码 代码如下: !DOCTYPE html html head meta charset="utf-8"/ title0/title /head body input type="button" value="加...

<!DOCTYPE HTML>
<html>
<head>
<title>blank.html</title>
</head>
<body>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>0</title>
</head>
<body>
<input type="button" value="加1" onclick="add()" />
<div id="info" style="border:red 1px solid;width:200px;padding:10px;">0</div>
</body>
</html>
<script src="history-0.3.js"></script>
<script>
var info = document.getElementById('info');
var i = 1;
function add() {
var data = {
param : i,
func : func
};
History.push(data);
i++;
}
History.push({param:0, func: func});
function func(i) {
info.innerHTML = i;
document.title = i;
}
</script>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>0</title>
</head>
<body>
<input type="button" value="加1" onclick="add()" />
<div id="info" style="border:red 1px solid;width:200px;padding:10px;margin:5px;">0</div>
</body>
</html>
<script src="history-0.1.js"></script>
<script>
var info = document.getElementById('info');
var i = 1;
function add() {
info.innerHTML = i;
document.title = i;
var data = {
param : i,
func : func
};
History.push(data);
i++;
}
History.push({param:0, func: func});
function func(i) {
info.innerHTML = i;
document.title = i;
}
</script>

复制代码 代码如下:

较上生龙活虎篇多了个blank.html,是贰个空html架子,未有JS逻辑代码,如下

风姿浪漫、使用iframe,通过document.write产生历史

点击按键后更新页面DOM(模拟ajax提交卡塔尔,会意识浏览器后退按钮可用了。点击后退,可重返到前三个情景。
这种情势短处是只支持IE和Firefox。
ajax后退设计方案(二卡塔尔
二、使用iframe,通过校正iframe.src发生历史

老是ajax操作去改动location.hash的值,每一遍修改后地址栏均会具备浮现。在window.onhashchange中监听该事件。通过hash的值取对应的历史。
较iframe的补益是能够复制地址栏的url直接进去该历史记录,劣点是IE6/7不扶植。
文中代码打包下载

本文由金沙贵宾会官网发布于网络安全,转载请注明出处:ajax后退解决方案

关键词:

jQuery过滤选择器用法分析,jquery选择器原创

jquery选择器(原创)四,jquery选择器原创 前面学习了基本选择器,现在学习过滤选择器中的简单过滤选择器: 简单过...

详细>>

iOS点击cell查看大图

六、其他 Bend姆o只是图片在该地的情事,假若是做本地图片管理,只需求改过Bend姆o的几处地点就能够了。 而是,实...

详细>>

http公约利用实例

#include stdio.h #include windows.h #include wininet.h #define MAXSIZE 1024 #pragma comment(lib, "Wininet.lib") void urlopen(TCHAR*); int main(int argc...

详细>>

搭建局域网Ubuntu部分软件包源服务器,Linux制作地

最近有几个同事安装Ubuntu11.0464位版出现了各种问题。发现由于Ubuntu11.04版本已经在各大镜像服务器上不予支持了。但...

详细>>