文章目录 [显示]
话说, 本博客上面有个” 美剧电影 “的栏目,其中有个带有 HTTP 的、人人影视的 form 表单,所以,俺的小锁头就没了。
原来的 HTML 代码大概是这样子的(这 HTML 代码写转义真是累啊……):
- <form action="http://www.zimuzu.tv/search/index?keyword=" method="get" name="search" target="_blank">
- <input class="keywords" name="keyword" type="text" value="" />
- <input class="submit" type="submit" value="搜索" />
- </form>
好吧,其实俺忍了很久了,那该怎么把小锁头找回来呢?先说说我的思路
强行把 HTTP 改成 HTTPS
这不是我的可控范围之内,非常可怜的是,字幕组不带 HTTPS,此路不通。
用 PHP 获取到输入内容,然后处理
用超全局变量_GET
或者_POST
获取到用户输入的内容,然后再跳转到对应的页面。思路是这么个思路,但是不太现实啊!提交的内容还得给某个 PHP 文件处理,太不经济划算了!
嗯…… 多亏了维护那款 Typecho 主题,我对 PHP 的掌控还是可以的……
短网址缩短服务
咱这是 GET 方法,要不试试短链接服务?是这么个道理,可是找一圈,我也没发现几个好用的支持 HTTPS 的、速度不错的、切实可行的短链接服务,就差自己搭建一个了……
用 JavaScript 吧
没错,事到如今,只好用起 JavaScript 了,通过getElementById
和value
方法获取到用户输入的内容,通过window.open
打开新的窗口,这样小锁头就回来了。
Talk is cheap, show me the code!
- <input id="txt1" size="12" type="text" />
- <input type="button" value="搜索" onclick='window.open("http://www.zimuzu.tv/search/index?keyword="+document.getElementById("txt1").value,"_blank");'/>
如果觉得这样看起来比较费事的话,也可以写成函数的形式:
- <input id="txt1" size="12" type="text" />
- <input type="button" value="搜索" onclick="search()"/>
- <script>
- function search(){
- window.open("http://www.zimuzu.tv/search/index?keyword="+document.getElementById("txt1").value,"_blank");
- }
- </script>
完美!!
初学 JavaScript,还望多多指教!