传统的网页更新(不适用Ajax)
传统的网页更新(不适用Ajax)
校友君 发表于4年前
传统的网页更新(不适用Ajax)
  • 发表于 4年前
  • 阅读 24
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。在HTML、Javascript中的实现。

关于传统的网页更新需重新加载整个页面,重新加载有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
×
校友君
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: