html如何实现点击按钮跳转页面

html如何实现点击按钮跳转页面,第1张

1、首先,我们新建一个带有button按钮的页面,在Dreamweaver中打开这个页面。

2、button按钮不能直接添加herf属性,我们可以通过button的onClick事件来实现页面的跳转。

3、可以直接在onclick事件上添加动作实现页面跳转,也可以让onClick触发函数实现页面跳转,如下图所示。

4、还可以写一个click函数,来触发页面跳转。这就需要我们获取到这个button,可以给button一个Id了,如下图所示。

介绍几种方法:

第一种:javascripts代码

<SCRIPT LANGUAGE="javascript"> 

<!-- 

window.open ('page.html') 

--> 

</SCRIPT>

这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点d出就尽量往前放。也可以,越前越早执行,尤其是页面代码长,又想使页面早点d出就尽量往前放。

第二种:

<SCRIPT LANGUAGE="javascript"> 

<!-- 

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no') 

//写成一行 

--> 

</SCRIPT>

第三种:函数控制

下面是一个完整的代码: 

<html> 

<head> 

<script LANGUAGE="javascript"> 

<!-- 

function openwin() { 

window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no") 

//写成一行 

//--> 

</script> 

</head> 

<body onload="openwin()"> 

...任意的页面内容... 

</body> 

</html>

上面这三种d出窗口的代码都可以应用。

<!doctype html>

<html>

<head><title>无标题文档</title></head>

<body>

<!--插入按钮 开始-->

<input type="button" value="d出对话框" onclick="MsgBox()" />

<!--插入按钮 结束-->

<!--引用JS代码以达到d出对话框目的 开始-->

<script language="javascript">

function MsgBox() //声明标识符

{

alert("我是对话框的内容")//d出对话框

}

</script>

<!--引用JS代码以达到d出对话框目的 结束-->

</body>

</html>

扩展资料:

方法参数详解

参数解释:

window.open d出新窗口的命令;

'page.html' d出窗口的文件名;

'newwindow' d出窗口的名字(不是文件名),非必须,可用空''代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6131670.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存