Question

我试图将一个php变量值，通过iframe传递给一个javascript变量。所有文件都在我自己的服务器和域上。

这是我的html文件：

<html>
<head>
    <?php 
        $userOutput = "bob"; 
    ?>
</head>
<body>
    <p id="test123"><?=$userOutput?></p>
</body>
</html>

在我的原始页面中，我尝试访问这样的信息：

<iframe id="iframeId" src="http://path/to/file.html"></iframe>
<script>
   window.onload = function() {
      var iframeDoc = document.getElementById('iframeId').contentWindow.document;
      var test = iframeDoc.getElementById('test123').value;
      console.log(test);
   };
</script>

现在，我确实设法触及了我的内容，之前我已经尝试过获取我在＆＃34; file.html＆＃34;中输入的一些输入字段的值。成功了，但我似乎无法达到php变量值（＆＃34;测试＆＃34;显示为未定义）

Answer 1

所以持有php的东西需要进入.php文件而不是.html

作为一个例子：

variableStored.php：

<html>
<head>
    <?php
    $userOutput = "Frrrrrrr";
    ?>
</head>
<body>
    <p id="test123">
        <?php echo $userOutput; ?>
    </p>
</body>
</html>

注意事项：当回显时，它总是最好<?php echo 'something';?>

而不是<?='something'?>

然后在内部说iframe.html：

<iframe id="iframeId" src="http://siteurl/variableStored.php"></iframe>
<script>
    window.onload = function() {
        var iframeDoc = document.getElementById('iframeId').contentWindow.document;
        var test = iframeDoc.getElementById('test123').value;
        console.log(test);
    };
</script>

然后，您可以根据需要从variableStored.php获取所有内容。

Answer 2

您可以在{/ p>等Javascript变量中echo变量

<script>var test = "<?= $variable ?>";</script>

将变量作为GET参数传递给iframe。

<script>
        var url = "myIframe.html?var1=" + test; 
        $('#myIframe').attr('src', url"); 
</script>

然后，您可以使用

来检索信息

<script>
function getParamValue(paramName)
{
    var url = window.location.search.substring(1); //get rid of "?" in querystring
    var qArray = url.split('&'); //get key-value pairs
    for (var i = 0; i < qArray.length; i++) 
    {
        var pArr = qArray[i].split('='); //split key and value
        if (pArr[0] == paramName) 
            return pArr[1]; //return value
    }
}
</script>

我想赞扬@Ozgur酒吧的回答。 How to pass parameters through iframe from parent html?

如何通过iframe将php变量传递给javascript

2 个答案: