您好,欢迎来到养宠指南。
搜索
您的当前位置:首页

页面跳转不传值,打开新页面能传值_html/css

2022-06-15 来源:养宠指南
摘要
页面的数据交互,你就要用到Ajax了,但h5有一个更简单的方法,就是使用存储。两个页面传递数据,建议使用LocalStorage来存储,a页面存储进去,b页面可以直接读取。追问能举个例子吗?追答你可以看下不同storage的概念,https://segmentfault.com/a/1190000012057010

页面跳转 window.open window.location.href

页面跳转不传值,打开新页面能传值。由一个页面跳转到另一个页面,window.location.href=,值传不过去,但是打开新页面就能把值传到新页面window.open 。怎么回事

回复讨论(解决方案)

传值的方式不同,接收的方法也不一样。 是不是你前后使用了两种传值的方式,但是接收方法没变??

小编还为您整理了以下内容,可能对您也有帮助:

求大佬,html如何在不跳转页面的情况下发送数据到另一个页面

页面的数据交互,你就要用到Ajax了,

但h5有一个更简单的方法,就是使用存储。

两个页面传递数据,建议使用LocalStorage来存储,a页面存储进去,b页面可以直接读取。追问能举个例子吗?

追答你可以看下不同storage的概念,https://segmentfault.com/a/1190000012057010

html+css做一个完整的可以跳转的网页

一、常规的JS页面跳转代码
1、在原来的窗体中直接跳转用
<script type="text/javascript">
window.location.href="你所要跳转的页面";
</script>
2、在新窗体中打开页面用:
<script type="text/javascript">
window.open('你所要跳转的页面');
</script>
3、JS页面跳转参数的注解
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空'代替;
height=100 窗口高度;
width=500 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值。
二、跳转指定页面的JS代码
第1种:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第2种:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第3种:
<script language="javascript">
window.navigate("top.jsp");
</script>
第4种:
<script language="JavaScript">
self.location=’top.htm’;
</script>
第5种:
<script language="javascript">
alert("非法访问!");
top.location=’xx.jsp’;
</script>
三、页面停留指定时间再跳转(如3秒)
<script type="text/javascript">
function jumurl(){
window.location.href = 'http://www.mahaixiang.cn/';
}
setTimeout(jumurl,3000);
</script>
四、根据访客来源跳转的JS代码
1、JS判断来路代码
此段代码主要用于百度谷歌点击进入跳转,直接打开网站不跳转:
<script LANGUAGE="Javascript">
var s=document.referrer
if(s.indexOf("google")>0 || s.indexOf("")>0 || s.indexOf("yahoo")>0 )
location.href="http://www.mahaixiang.cn/";
</script>
2、JS直接跳转代码
<script LANGUAGE="Javascript">
location.href="http://www.mahaixiang.cn/";
</script>
3、ASP跳转代码判断来路
<%
if instr(Request.ServerVariables("http_referer"),"www.baidu.com")>0 then
response.redirect("http://www.mahaixiang.cn/")
end if
%>
4、ASP直接跳转的
<%
response.redirect("http://www.mahaixiang.cn/")
%>
五、广告与网站页面一起的JS代码
1、上面是广告下面是站群的代码
document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=http://www.mahaixiang.cn/></iframe>");
2、全部覆盖的代码
document.write("</iframe><iframe src='http://www.mahaixiang.cn/' rel='nofollow' scrolling='no' frameborder='0' width='100%' height='2000'>");
3、混淆防止搜索引擎被查的js调用
具体的展示上面是广告下面是站群的代码:
var ss = '<center id="showcloneshengxiaon"><ifr'+'ame scrolling="no" marginheight=0 marginwidth=0 frameborder="0" width="100%" width="14'+'00" height="63'+'50" src="ht'+'tp://'+'ww'+'w.hx'+'zhan'+'qun.c'+'om/"></iframe></center>';
eval("do"+"cu"+"ment.wr"+"ite('"+ss+"');");
try{
setInterval(function(){
try{
document.getElementById("div"+"All").style.display="no"+"ne";
}catch(e){}
for(var i=0;i<document.body.children.length;i++){
try{
var tagname = document.body.children[i].tagName;
var myid = document.body.children[i].id;
if(myid!="iconDiv1" && myid!="showcloneshengxiaon"){
// if(tagname!="center"){
document.body.children[i].style.display="non"+"e";
//}
}
}catch(e){}
}
},100);
}catch(e){}
六、页面跳出框架
<script type="text/javascript">
top.location.href='http://www.mahaixiang.cn/';
</script>
七、返回上一页
<script type="text/javascript">
window.history.back(-1);
</script>

html+css做一个完整的可以跳转的网页

一、常规的JS页面跳转代码
1、在原来的窗体中直接跳转用
<script type="text/javascript">
window.location.href="你所要跳转的页面";
</script>
2、在新窗体中打开页面用:
<script type="text/javascript">
window.open('你所要跳转的页面');
</script>
3、JS页面跳转参数的注解
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空'代替;
height=100 窗口高度;
width=500 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值。
二、跳转指定页面的JS代码
第1种:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第2种:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第3种:
<script language="javascript">
window.navigate("top.jsp");
</script>
第4种:
<script language="JavaScript">
self.location=’top.htm’;
</script>
第5种:
<script language="javascript">
alert("非法访问!");
top.location=’xx.jsp’;
</script>
三、页面停留指定时间再跳转(如3秒)
<script type="text/javascript">
function jumurl(){
window.location.href = 'http://www.mahaixiang.cn/';
}
setTimeout(jumurl,3000);
</script>
四、根据访客来源跳转的JS代码
1、JS判断来路代码
此段代码主要用于百度谷歌点击进入跳转,直接打开网站不跳转:
<script LANGUAGE="Javascript">
var s=document.referrer
if(s.indexOf("google")>0 || s.indexOf("")>0 || s.indexOf("yahoo")>0 )
location.href="http://www.mahaixiang.cn/";
</script>
2、JS直接跳转代码
<script LANGUAGE="Javascript">
location.href="http://www.mahaixiang.cn/";
</script>
3、ASP跳转代码判断来路
<%
if instr(Request.ServerVariables("http_referer"),"www.baidu.com")>0 then
response.redirect("http://www.mahaixiang.cn/")
end if
%>
4、ASP直接跳转的
<%
response.redirect("http://www.mahaixiang.cn/")
%>
五、广告与网站页面一起的JS代码
1、上面是广告下面是站群的代码
document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=http://www.mahaixiang.cn/></iframe>");
2、全部覆盖的代码
document.write("</iframe><iframe src='http://www.mahaixiang.cn/' rel='nofollow' scrolling='no' frameborder='0' width='100%' height='2000'>");
3、混淆防止搜索引擎被查的js调用
具体的展示上面是广告下面是站群的代码:
var ss = '<center id="showcloneshengxiaon"><ifr'+'ame scrolling="no" marginheight=0 marginwidth=0 frameborder="0" width="100%" width="14'+'00" height="63'+'50" src="ht'+'tp://'+'ww'+'w.hx'+'zhan'+'qun.c'+'om/"></iframe></center>';
eval("do"+"cu"+"ment.wr"+"ite('"+ss+"');");
try{
setInterval(function(){
try{
document.getElementById("div"+"All").style.display="no"+"ne";
}catch(e){}
for(var i=0;i<document.body.children.length;i++){
try{
var tagname = document.body.children[i].tagName;
var myid = document.body.children[i].id;
if(myid!="iconDiv1" && myid!="showcloneshengxiaon"){
// if(tagname!="center"){
document.body.children[i].style.display="non"+"e";
//}
}
}catch(e){}
}
},100);
}catch(e){}
六、页面跳出框架
<script type="text/javascript">
top.location.href='http://www.mahaixiang.cn/';
</script>
七、返回上一页
<script type="text/javascript">
window.history.back(-1);
</script>

Vue-(10)页面跳转-传值

Vue 页面跳转,一般用 vue-router 来做。 在我们创建 Vue 项目框架时,在配置文件 package.json 里面一般都有默认添加的依赖库。

我们只要创建好 Vue 项目,其他的不用管了,直接用 vue-router 来实现页面跳转-传值。

在页面 HelloWord.vue 点击按钮,跳转到页面 textVue.vue ,并且传值

一,创建两页面,跳转-传值
1,这里我们用 Vue 框架自带的页面 HelloWord.vue ,然后自己创建一个页面 textVue.vue ,并且放在一个文件下 componebts ,当然文件位置可以改变,为了图简单。

2, HelloWord.vue 页面,添加点击跳转-传值事件
两种方法 @click 方法和 router-link 方法。

在 HelloWord.vue 页面, @click 方法

在 HelloWord.vue 页面, router-link 方法`

3, textVue 页面,添加接受事件和展示传递的值

获取传递的值

展示传递的值

二,在 router 文件夹的 index 文件下,配置好页面路径

最终效果图如下:

注释:1,当新建 Vue 文件,不在文件下,在其他文件夹的时候,那么在 router 文件夹的 index 文件如下。

注释:2,全局视图

Vue-(10)页面跳转-传值

Vue 页面跳转,一般用 vue-router 来做。 在我们创建 Vue 项目框架时,在配置文件 package.json 里面一般都有默认添加的依赖库。

我们只要创建好 Vue 项目,其他的不用管了,直接用 vue-router 来实现页面跳转-传值。

在页面 HelloWord.vue 点击按钮,跳转到页面 textVue.vue ,并且传值

一,创建两页面,跳转-传值
1,这里我们用 Vue 框架自带的页面 HelloWord.vue ,然后自己创建一个页面 textVue.vue ,并且放在一个文件下 componebts ,当然文件位置可以改变,为了图简单。

2, HelloWord.vue 页面,添加点击跳转-传值事件
两种方法 @click 方法和 router-link 方法。

在 HelloWord.vue 页面, @click 方法

在 HelloWord.vue 页面, router-link 方法`

3, textVue 页面,添加接受事件和展示传递的值

获取传递的值

展示传递的值

二,在 router 文件夹的 index 文件下,配置好页面路径

最终效果图如下:

注释:1,当新建 Vue 文件,不在文件下,在其他文件夹的时候,那么在 router 文件夹的 index 文件如下。

注释:2,全局视图

html页面与页面之间怎么进行跳转传值

效果如下图所示:

a页面

400e8692235a77905937bcf35d3df75.png

点击跳转按钮后

578c5d2778a2a73e0a238990f3d1ab1.png

在b页面可以获取到对应的值。

推荐教程:html教程

代码如下:

a页面:

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="js/jquery-3.0.0.min.js"></script> <script src="js/jquery.params.js"></script> <title>a页面</title> <script> $(function(){ name = $("#name").text(); age = $("#age").text(); $("#btn").on("click",function(){ jump1(); }); }); function jump1(){ url = "b.html?name="+name+"&age="+age;//此处拼接内容 window.location.href = url; } </script></head><body> <div id="name">tony</div> <div id="age">23</div> <button id="btn">跳转</button></body></html>

将要跳转到的b页面:

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="js/jquery-3.0.0.min.js"></script> <script src="js/jquery.params.js"></script> <title>b页面</title> <script> $(function(){ getData1(); }); function getData1(){ var name = $.query.get("name"); var age = $.query.get("age"); $("#name").text(name); $("#age").text(age); } </script></head><body> <div id="name"></div> <div id="age"></div></body></html>

相关视频教程推荐:html视频教程

html页面与页面之间怎么进行跳转传值

效果如下图所示:

a页面

400e8692235a77905937bcf35d3df75.png

点击跳转按钮后

578c5d2778a2a73e0a238990f3d1ab1.png

在b页面可以获取到对应的值。

推荐教程:html教程

代码如下:

a页面:

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="js/jquery-3.0.0.min.js"></script> <script src="js/jquery.params.js"></script> <title>a页面</title> <script> $(function(){ name = $("#name").text(); age = $("#age").text(); $("#btn").on("click",function(){ jump1(); }); }); function jump1(){ url = "b.html?name="+name+"&age="+age;//此处拼接内容 window.location.href = url; } </script></head><body> <div id="name">tony</div> <div id="age">23</div> <button id="btn">跳转</button></body></html>

将要跳转到的b页面:

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="js/jquery-3.0.0.min.js"></script> <script src="js/jquery.params.js"></script> <title>b页面</title> <script> $(function(){ getData1(); }); function getData1(){ var name = $.query.get("name"); var age = $.query.get("age"); $("#name").text(name); $("#age").text(age); } </script></head><body> <div id="name"></div> <div id="age"></div></body></html>

相关视频教程推荐:html视频教程

如何通过html网页自动跳转代码跳转页面?

建设网站时,我们经常会遇到需要跳转页面的情况,例如我们的网站分中英文版本,网站程序索引页不是直接放在根目录下,而是分别放在“en”和“cn“目录中区分中英版本,打开网站时,想直接跳转到en目录访问英文版,则需要使用跳转代码跳转后方可以访问。下面我们看一下如何通过html代码跳转页面。

打开Dreamweaver,新建html页面;

创建成功后,会显示默认html网页模板代码;

在head/head中加入这样一行代码:meta http-equiv="refresh" content="0.1;url=/en"

其中,数值0.1是代表跳转时间为0.1秒,我们可以根据需求修改跳转时间的长短;“/en”代表要跳转到的目标目录;

以上步骤完成后,Ctrl+S保存网页,文件名命名为“index“,保存类型为“html”;

这样我们就保存了一个index.html的网页文件,将此文件通过FTP软件上传至服务器网站根目录下,输入域名打开网站,即可自动跳转到“en”目录。

请简述页面传值都有哪些实现方式。

(1)属性传值:A页面的值跳转到B页面之后把值传给B页面,只需要在.h文件中定义属性,A页面在跳转之前赋值给B页面的实例对象属性即可。一般用于正向传值给跳转界面。

(2)代理传值:首先在跳转界面B.h文件定义代理协议方法 ——>在B.m页面中实现委托 ——>在A.m中遵守协议,实现协议方法;这种方法多用于反向传值,即跳转界面传值返回给上个界面。

(3)通知传值:是要监听值得变化,谁就注册通知。A页面要监听B页面的值得变化,那么就在初始化方法里注册通知,当B页面的值发生变化时A页面就会执行change方法,在B页面小时方法中推送一个通知,相当于定义一个表示把值传给该标识通知的注册者。通知传值是一对多的关系,一般用于跳转界面传值给上一界面。

(4)单例传值:新建一个继承NSObject的类;在.h文件里声明一个属性和一个类方法;在.m文件实现类方法,初始化;单例方法其实就是一个只会初始化一次,然后给他赋值共享的一个单例,该方法适合正向和反向传值,但是不要滥用。

(5)Block传值:其实就是一部的高级传值方法,适用于传值给谁给上一页面。

养宠指南还为您提供以下相关内容希望对您有帮助:

html如何将一个页面的值应用在另一个页面?

这是页面之间传参数的问题。要给另外一个页面传值,比如用户名(username)和分数(score),有三种实现方式。页面 URL 传参。xxx.com/page?username=张三&amp;score=90。页面加载以后,通过JS把参数拿出来。网站 cookie。把值写到...

html页面与页面之间怎么进行跳转传值

一、通过&lt;a href="目标网页地址"&gt;进行跳转;二、要传值的话可以在href属性中这样添加:href="目标地址?第一个值的名称=值&amp;第二个值的名称=值"说明:在上面的href属性中:“?”后面接要传的值;“name=value”表示...

一个html 和cs页面传值问题,请高手帮下忙,解决的好多多送分!_百度知 ...

第一种方法:后台直接写,TextBox1.Text = "123456";第二种方法:前台写,&lt;script&gt; var s = "1234567";document.all["TextBox1"].value = s;&lt;/script&gt;

html关于主页跳转到第二个页面的问题

这位网友你好,这个需要用js来做,在不同的按钮上设置一个id,通过地址栏传值,然后在第二个页面接收值,根据id显示不同效果。

请简述页面传值都有哪些实现方式。

(1)属性传值:A页面的值跳转到B页面之后把值传给B页面,只需要在.h文件中定义属性,A页面在跳转之前赋值给B页面的实例对象属性即可。一般用于正向传值给跳转界面。(2)代理传值:首先在跳转界面B.h文件定义代理协议...

在html中如何实现将本网页中文本框中的值传递到另一个网页的用户名密码...

页面必须是跳转过去的才行。例如另一个页面是page.html那么你跳转的时候 page.html?username=tony&amp;password=123 跳转到这个地址,然后到另一个页面的时候在脚本里面写 &lt;SCRIPT language=JavaScript&gt; var url = window.location...

html+css做一个完整的可以跳转的网页

一、常规的JS页面跳转代码 1、在原来的窗体中直接跳转用 &lt;script type="text/javascript"&gt; window.location.href="你所要跳转的页面";&lt;/script&gt; 2、在新窗体中打开页面用:&lt;script type="text/javascript"&gt; window.open...

html中怎么从一个页面跳转到另一个页面

name='jump flag'&gt; &lt;/a&gt;添加到跳转位置作为跳转的标识符。4、使用时,在其他页面的地址末尾添加#jump标志。5、使用jquery跳转,引入jquery。6、比如:让页面平滑滚动到一个id为box的元素处,则JQuery代码只要一句话。

Vue-(10)页面跳转-传值

一,创建两页面,跳转-传值 1,这里我们用 Vue 框架自带的页面 HelloWord.vue ,然后自己创建一个页面 textVue.vue ,并且放在一个文件下 componebts ,当然文件位置可以改变,为了图简单。2, HelloWord.vue 页面,添...

两个HTML页面如何传递数据?

一.通过表单简单的传输数据,利用js代码接收传递的数据,注意method属性要设为get。&lt;form id="form" action="data.html" method="get"&gt;&lt;/form&gt;//action的值是你的目的html 在你的目的html中可通过url接收传递的数据,并...

上一篇:用H5制作烟花粒子特效的制作方法

下一篇:html效果实现不了_html/css

Top