从url的一部分设置输入框的值

时间:2011-03-22 20:10:26

标签: url input

好的,所以我的网站有一部分地址,

  ?

本地主机:2001 / BOTID =爱丽丝&安培;模板=艾丽斯

我想把它放在那之后我会把它放到页面的输入框中。所以像这样,

  ?

本地主机:2001 / BOTID =爱丽丝&安培;模板=艾丽斯#你好   你好吗?

任何人都可以通过javascript或其他方式提供帮助吗?

继承源代码,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--This is a simple example of an HTML chat template for Program D.-->
    <head>
        <!--The value associated with a bot predicate, such as
            "name", is inserted wherever you use a bot element
            with a name attribute that corresponds to a predicate name.-->
        <title>
            Dialogue with <bot name="name"/>
        </title>
        <!--This is a simple stylesheet to format the page.-->
        <style type="text/css">
            html
            {
            overflow: hidden;
            }
            p
            {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
                margin-top: 10px;
                margin-bottom: 5px;
                margin-left: 0px;
                margin-right: 10px;
                text-align: left;
                background: transparent;
            }
            .fieldlabel
            {
                font-weight: bold;
                font-style: normal;
                font-size: 14px;
                color: #0000aa;
            }
            #userinput
            {
                font-weight: bold;
                font-style: italic;
                font-size: 14px;
                color: #aa0000;
            }
            .botresponse
            {
                font-weight: bold;
                font-style: italic;
                font-size: 14px;
                color: #00aa00;
            }
            .bottomtext
            {
                margin-top: 0px;
                margin-bottom: 0px;
                font-weight: normal;
                font-style: italic;
                font-size: 10px;
            }
            li p
            {
                margin-top: 0px;
                margin-bottom: 0px;
                margin-left: 20px;
                margin-right: 0px;
            }
            ul
            {
                margin-top: 0px;
                margin-bottom: 5px;
                margin-left: 10px;
                margin-right: 0px;
            }
            form
            {
                margin-top: 20px;
                margin-bottom: 10px;
                margin-left: 0px;
                margin-right: 0px;
            }
            #audio
            {
                display: none;
            }
        </style>
        <script type="text/javascript">
function playPause() {
  var myVideo = document.getElementsByTagName('audio')[0];
  if (myVideo.paused)
    myVideo.play();
  else
    myVideo.play();
}
</script>
<script type="text/javascript">
document.getElementById('text')[0].value = window.location.hash.substring(1);
</script>
    </head>
    <!--The body element is set to automatically give focus to the
        input field each time the document is loaded.-->
    <body>
        <table border="0" cellspacing="5" cellpadding="0" width="500">
            <tr>
                <td width="30%" valign="top">
                    <p class="fieldlabel">
                        You said:
                    </p>
                </td>
                <td width="70%" valign="top">
                    <p id="userinput">
                        <userinput/>
                    </p>
                </td>
            </tr>
            <tr>
                <td width="30%" valign="top">
                    <p class="fieldlabel">
                        <!--The name of the bot will be substituted here.-->
                        <bot name="name"/> said:
                    </p>
                </td>
                <td width="70%" valign="top">
                    <p class="botresponse">
                        <!--The bot's response will be substituted here.-->
                        <reply></reply><response/>
                    </p>
                </td>
            </tr>
            <tr>
                <td width="100%" colspan="2" valign="top">
                    <form method="post">
                        <input type="text" size="50" name="text" id="text" onkeydown="if (event.keyCode == 190) document.getElementById('go').click()" x-webkit-speech />
                        <input type="submit" id="go" value="Say" />
                    </form>
                </td>
            </tr>
            <tr>
                <td width="100%" colspan="2" valign="top">
                    <p class="bottomtext">
                        <!--Again we display the bot name, and also the hostname.-->
                        You are speaking with <bot name="name"/> from <hostname/>.
                    </p>
                    <p class="bottomtext">
                        <!--Here is an example of getting another bot predicate value (master).-->
                        <bot name="name"/>'s botmaster is <bot name="master"/>.
                    </p>
                    <p>
                        You can:
                    </p>
                    <ul>
                        <li>
                            <p>
                                <!--This link will request a login form.-->
                                <a href="?login=yes">log in</a>.
                            </p>
                        </li>
                        <li>
                            <p>
                                <!--This link will request a new user registration form.-->
                                <a href="?register=yes">register a new username and password</a>.
                            </p>
                        </li>
                    </ul>
                </td>
            </tr>
        </table>
<audio id="audio" onended="document.forms[0].elements[0].focus();" controls="controls" autoplay="autoplay" src="http://translate.google.com/translate_tts?tl=en&q=><response/>" type="audio/mpeg"></audio>
    </body>
</html>

2 个答案:

答案 0 :(得分:2)

使用jQuery:

$('input').val(window.location.hash.substring(1));

没有jQuery:

document.getElementsByTagName('input')[0].value = window.location.hash.substring(1);

无论哪种方式,您都必须确保加载DOM。如果您想要取消它,请使用decodeURIComponent例如:

window.addEventListener("load", function()
{
    document.getElementsByTagName('input')[0].value = decodeURIComponent(window.location.hash.substring(1));
}, false);

答案 1 :(得分:0)

window.location = window.location +'#'+ document.getElementById('inputbox')。text;