文档章节

传统的网页更新(不适用Ajax)

校友君
 校友君
发布于 2014/05/30 09:49
字数 428
阅读 33
收藏 0

关于传统的网页更新需重新加载整个页面,重新加载有2种情况:如某个页面需更新,在当前页面上重新打开一个新页面,即当前页面被替换。或者重新在另个一个窗口打开,就像在浏览器的新标签页中打开一样。

javascript中,有3中情况可以打开新的页面;

1、a标签

<a> 标签定义超链接,用于从一张页面链接到另一张页面。

<a href="http://www.w3school.com.cn">W3School</a>

通过设置target属性来规定URL在何处来打开新的页面。

设置,target="_blank"; 链接将在新的窗口打开。

如果不设置属性target,a标签默认为在当前页面打开链接。 或者设置target:_self;

2、open() 方法,

open() 是window对象的方法,window.open(),即打开新窗口。该方法接受4个参数,即要载入新窗口的页面的URL、新窗口的名字(为目标所用)、特定字符串和说明是否用新载入的页面替换当前载入的页面的boolean值。

详见:http://www.w3school.com.cn/jsref/met_win_open.asp

3、form标签

跟a标签一样,通过target属性来规定URL在何处来打开新的页面。

设置,target:_blank; 链接将在新的窗口打开。

如果不设置属性target,默认值为在当前页面打开链接。 或者设置target:_self;

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" /></form>

© 著作权归作者所有

共有 人打赏支持
校友君
粉丝 3
博文 5
码字总数 5151
作品 0
广州
私信 提问
AJAX基础(一)——AJAX简介

你是什么?(AJAX简介) AJAX全称为"Asynchronous JavaScript and XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。   主要包含了以下几种技术:   Ajax(Asy...

白志华
2015/09/28
98
0
AJAX从入门到放弃

AJAX简单介绍 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术;AJAX = 异步 Javascript和XML;通过在后台与服务器进行少量数据交换,...

许渺
2017/11/16
0
0
动态网页的运行方式

传统的动态网页的运行:当浏览者变更下拉式菜单中选取的项目、点选按钮或做出任何与Web服务器互动的操作时,就会产生Http Request,将整个网页内容传送到Web服务器,即使这次操作只是需要一个...

gethub_sl
2016/06/12
33
0
[Ajax-相濡以沫,不如相忘于江湖] Ajax初识

Ajax的全称是 Asynchronous JavaScript And XML,即异步JavaScript和XML。2005年由Jesse James Garrett首先提出。在之后极短的时间内,Ajax被广泛应用到大量B/S结构的应用中,改进了传统的W...

LSantorini
2016/01/26
30
0
js原生Ajax 的封装和原理之浅析

原理及概念 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是一种用于创建快速动态网页的技术。 动态网页:是指可以通过服务器语言结合数据库随时修改数据的网页。 静...

sinat_34719507
2017/03/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

docker搞个wordpress

1.先把wordpress的镜像下载下来 docker pull wordpress 2.下载mysql docker pull mysql:lastest 3.启动mysql docker run --name blog -e root -d mysql:5.7 docker run --name some-mysql -e......

无极之岚
4分钟前
0
0
【宇润日常疯测-005】PHP 中的 clone 和 new 性能比较

clone和new本不应该放在一起比较,它们的作用是不同的。但可能有一些场景下,可以用clone也可以用new,那么这时候我们选哪个呢? 我编写了两个测试,第一个是声明一个空类,第二个是带构造方...

宇润
4分钟前
0
1
点击按钮弹出类似IOS 底部 dialog

implementation 'com.baoyz.actionsheet:library:1.1.7' 然后设置按钮点击监听,,调用下列代码即可 ActionSheet.createBuilder(this, getSupportFragmentManager()) ......

lanyu96
8分钟前
0
0
专访阿里云专有云马劲,一个理性的理想主义者

“我的故事都是和团队技术相关的,自己还真没有什么引人入胜的故事。”当马劲被问到能不能多分享些个人经历故事时他笑着说,我们就干脆怀着好奇聊了聊他和阿里云专有云一路走来的故事。 马劲...

阿里云官方博客
40分钟前
1
0
java环形缓冲区

import java.util.ArrayList;import java.util.List;/** * * 环形缓冲区<br/> * 一. 写数据:<br/> * 1. push: 当数据已写满时返回false,否则可以正常写入返回true<br/>......

whoisliang
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部