html静态网页代码,跳转问题

html静态网页代码,跳转问题,第1张

把 onsubmit 里的代码提取出来,单独写一个方法入下:

function turnPage() {

var pageNum = document.querySelector("idx").vlaue

if(!pageNum % 2) {

pageNum = pageNum - 1

}

window.location.href = pageNum + ".HTML"

}

你的 form 表单改成这个 <form id='form1' onsubmit= 'turnPage()' ...>

<input type="text" name="" id="txt">

<input type="button" value="查询" name="" id="btn">

<script>

var str = document.getElementById('txt')

var btn = document.getElementById('btn')

btn.onclick = function(){

var strVal = str.value

if (strVal != "") {

window.location.href = "http://www.某某.com/" + strVal + ".html"

}

}

</script>

需要JavaScript来实现,不过,请注意一点,正常开发当中通常不会这么 *** 作的,因为当你无法获取到相应页面的时候,会找不到相应页面。

给按钮绑定事件,事件如下:

function btn_onclick(){

    location.href = "index.html"//这里的index.html写你的本地页面,如果不成功,则写绝对路径,如:D://pages/index.html

}


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

原文地址: https://outofmemory.cn/zaji/6305258.html

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

发表评论

登录后才能评论

评论列表(0条)

保存