Frequently asked questions when passing parameters when html page jumps-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

Frequently asked questions when passing parameters when html page jumps

May 14, 2017 pm 01:51 PM

Pass parameters

This article mainly introduces the relevant information on the problem of passing parameters in html page jumps. Friends who need it can refer to it

The effect is as follows:

a page

After clicking the jump button

you can get the corresponding value on page b.

The code is as follows:

a page:

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head lang=&quot;en&quot;&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;script src=&quot;js/jquery-3.0.0.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/jquery.params.js&quot;&gt;&lt;/script&gt;
    &lt;title&gt;a页面&lt;/title&gt;
    &lt;script&gt;
        $(function(){
             name = $(&quot;#name&quot;).text();
             age = $(&quot;#age&quot;).text();
            $(&quot;#btn&quot;).on(&quot;click&quot;,function(){
               jump1();
            });
        });
        function jump1(){
            url = &quot;b.html?name=&quot;+name+&quot;&amp;age=&quot;+age;//此处拼接内容
            window.location.href = url;
        }
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
   &lt;p id=&quot;name&quot;&gt;tony&lt;/p&gt;
   &lt;p id=&quot;age&quot;&gt;23&lt;/p&gt;
   &lt;button id=&quot;btn&quot;&gt;跳转&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;

Copy after login

B page to be jumped to:

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head lang=&quot;en&quot;&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;script src=&quot;js/jquery-3.0.0.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/jquery.params.js&quot;&gt;&lt;/script&gt;
    &lt;title&gt;b页面&lt;/title&gt;
    &lt;script&gt;
        $(function(){
           getData1();
        });
        function getData1(){
            var name = $.query.get(&quot;name&quot;);
            var age = $.query.get(&quot;age&quot;);
            $(&quot;#name&quot;).text(name);
            $(&quot;#age&quot;).text(age);
        }
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
   &lt;p id=&quot;name&quot;&gt;&lt;/p&gt;
   &lt;p id=&quot;age&quot;&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

Copy after login

The above is the detailed content of Frequently asked questions when passing parameters when html page jumps. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn