如何获取javascript以获取打开另一个html页面的按钮？

Question

     First I must apologize Halnex for calling you Helix this whole time. I attempted to try your code but I am not getting my submit page to show up and I’m not completely sure why. Note I just copied the source code of JQuery to a file inside of one of my folders inside the folder holding these html pages.

<!DOCTYPE HTML>
<html>
    <HEAD>
        <title>WELCOME TO MY FORM PAGE</title>
<link rel="stylesheet type="text/css" href="style/style.css"> 
            <script src="jquery-1.12.4.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function (){

                $('#button1').click(function (){

                    $('#response').load('form_submit.html');    
                    });
                });
            </script>
    </HEAD>
<BODY>

just two text boxes nothing special. 只是两个文本框，没什么特别的。

Registrations 报名

Username: 用户名：
password: 密码：
I'm not sure if these two lines are correct. 我不确定这两行是否正确。 Should maybe the input line be wrapping the div or something crazy like that? 输入行是否应该包装div或类似的东西？

 Maybe my issue is with my code on my file I'm trying to load (form_submit.html)? This is all I have on my form_submit.html file: Does this code below for the submission page look acceptable or could this be where I am failing? <!DOCTYPE HTML> <html> <head> <title>User Submission Page</title> </head> <body> Here are the details of the submitted form: </body> </html>

Answer 1

As previously said, your button is trying to submit a form. 如前所述，您的按钮正在尝试提交表单。 To load an html page on button click use this. 要加载按钮上的html页面，请使用它。

<input type="button" id="button1" value="Load HTML Page">

<div id="response"></div>

The jQuery jQuery的

$(document).ready(function() {
    $('#button1').click(function() {
        $('#response').load('test.html');
    });
});

如何获取javascript以获取打开另一个html页面的按钮？

问题描述

Registrations 报名

1 个解决方案

解决方案1
0 已采纳 2016-08-03 21:58:42

如何获取javascript以获取打开另一个html页面的按钮？

问题描述

Registrations 报名

1 个解决方案

解决方案1 0 已采纳 2016-08-03 21:58:42

解决方案1
0 已采纳 2016-08-03 21:58:42