如何创建指向其他页面的链接并在该页面上为iframe指定其他URL?

时间:2016-01-14 16:30:44

标签: html iframe

我有一个名为 dash.php 的页面,其中包含 iframe(id =“iframe”)。 在第三页,我有链接:

<a href="dash.php">Add</a>
<a href="dash.php">Edit</a>
  • 点击添加链接后,我想切换到dash.php页面 并让它在iframe中加载特定页面。
  • 单击“编辑”链接时,我想切换到dash.php页面 并让它在iframe中加载不同的特定页面。

我在如何做到这一点上画了一个空白,我希望在正确的方向上轻推一下。 谢谢。

1 个答案:

答案 0 :(得分:1)

在网址中添加额外参数应修复它:

<强> 1。主页index.php

添加 - &gt; href="dash.php?content=add"

编辑 - &gt; href="dash.php?content=edit"

<强> 2。 dash.php

2.1。 获取内容值:

$content = $_GET['content'];

2.2。 测试一下:

if($content =='add')
    $myIFrame = 'http://www.stackoverflow.com';
else
    $myIFrame = 'http://www.w3schools.com';

2.3。 通过设置来源显示您的iframe:

src="<?= $myIFrame ?>"

如您所见,这里不需要Javascript。

**

编辑:

**

但是,如果您需要一个正常工作的JS,那么使用相同的 main.php 文件:

var iframe;
iframe = document.getElementsByTagName('iframe')[0];

function $_GET(param) {
    var vars = {};
        window.location.href.replace( 
            /[?&]+([^=&]+)=?([^&]*)?/gi, // regexp
            function( m, key, value ) { // callback
                vars[key] = value !== undefined ? value : '';
            }
        );

    if ( param ) {
        return vars[param] ? vars[param] : null;    
    }
    return vars;
}

    if($_GET('content') == 'add')
        iframe.src="http://www.stackoverflow.com";
    else
        iframe.src="http://www.w3schools.com";