查看: 3433|回复: 4

[.NET源码] web设计页面跳转的方法

发表于 2016-12-30 08:00:02

一、asp.net C# 打开新页面或页面跳转

1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx");

2. 利用url地址打开本地网页或互联网:Respose.Write("");

3. 原窗口保留再新打开另一个页面(浏览器可能阻止,需要解除):Response.Write("");

4. 效果同第1中的另一种写法:Response.Write("");

5. 也是原窗口被替代的 (常用于传递session变量的页面跳转):Server.Transfer("newpage.aspx");

6. 原窗口保留,以对话框形式打开新窗口: Response.Write("");

7. 对话框形式打开新窗口,原窗口被代替: Response.Write("");

8. 打开简洁窗口: Respose.Write("");

二、 javascript 打开新页面或页面跳转

1. 在原来的窗体中直接跳转用
onclick=function(){

window.location.href = "main.aspx";

};

2. 在新窗体中打开页面用:
onclick=function(){

window.open("main.aspx");

};

3. 返回上一页 ( 可能本地测试无效,服务器上可用)
window.history.back(-1);
返回
返回上一页
">返回上一页

4. 一些用法
按钮式:

直接跳转式:

开新窗口:
123

自动打开

脚本运行后,"连接地址" 将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。请对照。

上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。

▲ 各项参数说明
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。

参数 | 取值范围 | 说明

alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

=====================================================

【1、最基本的弹出窗口代码】
自动弹出

因为着是一段javascripts代码,所以它们应该放在之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open ("连接地址") 用于控制弹出新的窗口,如果弹出窗口不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。这一段代码可以加入HTML的任意位置,和之间可以,间

也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。
自动弹出

参数解释:

js脚本结束

【3、用函数控制弹出窗口】

下面是一个完整的代码。





任意的页面内容...

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢?

方法一: 浏览器读页面时弹出窗口;
方法二: 浏览器离开页面时弹出窗口;
方法三:用一个连接调用:
打开一个窗口
注意:使用的“#”是虚连接。
方法四:用一个按钮调用:

【4、同时弹出2个窗口】

对源代码稍微改动一下:


为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。

【5、主窗口打开文件1.htm,同时弹出小窗口page.html】

如下代码加入主窗口区:

加入区:
open即可。

【6、弹出的窗口之定时关闭控制】

下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入page.html的HTML中,可不是主页面中,否则 ...),让它10秒后自动关闭是不是更酷了?
首先,将如下代码加入page.html文件的区:

然后,再用 这一句话代替page.html中原有的这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)

【7、在弹出窗口中加上一个关闭按钮】




呵呵,现在更加完美了!

【8、内包含的弹出窗口-一个页面两个窗口】

上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。通过下面的例子,你可以在一个页面内完成上面的效果。






打开一个窗口


看看OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用 OpenWindow.document.close()结束啊。

【9、终极应用--弹出的窗口之Cookie控制】

回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(
有解决的办法吗?Yes! ;-) Follow me.我们使用cookie来控制一下就可以了。
首先,将如下代码加入主页面HTML的区:

然后,用(注意不是openwin而是loadpop啊!)替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!



回复

使用道具 举报

发表于 2017-4-18 18:24:13
线上+线下大量免费学习资料,课工场免费资源注册即可享受http://www.kgc.cn/?tuin=7133
进群与大神交流讨论
QQ:120342833   验证Q
回复 支持 反对

使用道具 举报

发表于 2017-4-19 15:50:22
伱不嗳緺了 发表于 2017-4-18 18:24
线上+线下大量免费学习资料,课工场免费资源注册即可享受http://www.kgc.cn/?tuin=7133
进群与大神交流讨 ...

关注web前端交流学习群018,海量学习资料分享
回复 支持 反对

使用道具 举报

发表于 2017-4-19 17:34:06
课工场官网课程一起来“打价”,找群内管理员还可以折上折,快点行动吧~~~
课工场官网注册UID获取免费学习视频课,http://www.kgc.cn/?tuin=7133
回复 支持 反对

使用道具 举报

发表于 2017-4-20 15:43:39
璇女神的web前端新班开课了,璇女神带你快速征服的男神女神,搜【web前端25群】
回复 支持 反对

使用道具 举报