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

JavaScript027

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，然后设置允许拖拽、最大化或最小化、允许关闭，这样看起来和弹窗没有什么区别。