时间戳

首页 > 解决方案 > 如何从 HTML 文件中的外部网页获取 DIV 元素？

javascript - 如何从 HTML 文件中的外部网页获取 DIV 元素？

问题描述

如果早先提出这个问题，请提前道歉。我确实在网上找到了一些类似的问题，但我仍然无法弄清楚答案。你可以说我从未处理过基本 HTML 之外的任何事情。所以任何帮助将不胜感激。

我有一个仅供个人使用的 HTML 文件（比如 text.html）。在文件中，将有一个用于输入文本的输入框和一个提交按钮。我希望如果我点击提交，它会根据输入文本从外部网页打开一个特定的超链接。我想这就像谷歌的“我感到幸运”。

示例：如果用户输入“测试”并点击提交，它应该会打开页面“ https://www.google.com/search?q=test ”的第二个结果

这是我的 HTML：

<!DOCTYPE html>
<html>
<body style="background-color:beige">
  <h1 style="text-align:center"><font size="14">Test</font></h1>
<style type="text/css">
</style>
<form id="form">
<div align="center" style="vertical-align:bottom">
       <input type="text" 
        value="Test" 
        id="input" 
        style="height:50px;width:200px;font-size:14pt;"> 
</div>
</form>
<TABLE BORDER="0">
<TD><button class="button" id="button01">SUBMIT</button></TD>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){

    $('#button01').click(function(e) {
        var inputvalue = $("#input").val();
        window.open("https://www.google.com/search?q="+inputvalue);
    });
</script>

另外，这是我要打开的超链接所在页面中的 div 元素的示例：

<div id="XYZ" class="contentEditValue" style="float:left;width:180px;">
<a href="2nd result link from google search" target="_self" title="2nd result">2nd Result</a>               
</div>

我读过它可以用 PHP 或 Jquery 来实现，但它们都不是我曾经做过的事情。非常感谢您的帮助！

欣赏任何其他选择。

标签： javascriptphpjqueryhtml

解决方案

您缺少一个});关闭ready()功能

<script type="text/javascript">
    $(document).ready(function(){

        $('#button01').click(function(e) {
            var inputvalue = $("#input").val();
            window.open("https://www.google.com/search?q="+inputvalue);
        });
    });
</script>

推荐阅读