js点击button按钮跳转到另一个新页面

JavaScript018

js点击button按钮跳转到另一个新页面,第1张

点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢?

这样的效果可以:onclick="window.location='新页面'"

来实现。

1.在原来的窗体中直接跳转用

代码如下

window.location.href="你所要跳转的页面"

2、在新窗体中打开页面用:

代码如下

window.open('你所要跳转的页面')

window.history.back(-1)返回上一页

代码如下

<input

type="submit"

name="Submit"

value="同意"

onclick=window.open(http://www.jb51.net/)>

如果要在点击按钮提交时验证输入款是否填入了内容,要怎么做呢?当用户名输入或者其它的为空的时候,点击按钮不提交,可以按下列的方法做。

代码如下

复制代码

代码如下:

<input

type="submit"

name="submit"

onclick="open()">

<script

language=javascript>

fuction

open(){

if(!document.form_name.username.value)

{

alert("请输入用户名!")

document.form_name.username.focus()

return

false

}else

document.form_name.action="aaa.htm"

}

</script>

添加以下代码执行就可以了

<SCRIPT

LANGUAGE="JavaScript">

<!-

var

anchors

=

document.getElementById("DIV名").getElementsByTagName("a")

for(var

i=0i<anchors.lengthi++)

{var

anchor

=

anchors[i]anchor.target="_blank"}

//–>

</SCRIPT>

注解:target="_blank"

这个代码就是新窗口打开效果。

在选项卡中打开新窗口———这是用户在浏览器中自己设置的,Javascript 没有 权利/方法 覆盖这个选项。

Firefox:工具 - 选项 - 在新标签中打开新窗口

IE: 工具 - 选项 - 标签 - 总是在选项卡中打开弹出窗口

现在大部分支持 tab 的浏览器都有类似的设置。

所以能建议你的就是在当前页面使用 1、AJAX 2、iframe

AJAX 需要用 Javascript 和服务器端交互,相互传递数据,成功后将数据写入一个 div。

iframe 可以直接连接到你说的新窗口的地址。

不管是 AJAX 或是 iframe,你都可以将他们设置为 position: absolute,然后设置允许拖拽、最大化或最小化、允许关闭,这样看起来和弹窗没有什么区别。