我是php和javascript的新手。在我的代码中放入这个changeContent函数后,它找不到它。显示引用错误,我认为这与链接中的"//"有关。我该如何着手修理它?
<?php
$one = "<iframe src='http://www.google.com' width='100%' height='84%' frameborder='0'></iframe>";
$two = "<iframe src='http://www.facebook.com' width='100%' height='84%' frameborder='0'></iframe>";
$three = "<iframe src='http://www.youtube.com' width='100%' height='84%' frameborder='0'></iframe>";
echo "
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:fb='http://developers.facebook.com/schema/' version='XHTML+RDFa 1.0' xml:lang='en'
<head>
<link type='text/css' rel='stylesheet' href='style.css'/>
<script type='text/javascript'>
function changeContent() {
document.getElementById('content').innerHTML='<?=$one?>';
}
</script>
<script type='text/javascript'>
function changeContent2() {
document.getElementById('content').innerHTML='<iframe src='<?=$two?>' width='100%' height='84%' frameborder='0'></iframe>';
}
</script>
<script type='text/javascript'>
function changeContent3() {
document.getElementById('content').innerHTML='<iframe src='<?$three?>' width='100%' height='84%' frameborder='0'></iframe></iframe>';
}
</script>
</head>
<body>
<div id='topplace'>
<ul>
<li><a href='#' class='classname' onClick='"changeContent()'">google <small class='button'>Test</small></a></li>
<li> </li>
<li><a href='#' class='classname' onClick='"changeContent2()'">facebook <small class='button'>Test</small></a></li>
<li> </li>
<li><a href='#' class='classname' onClick='"changeContent3()'">youtube <small class='button'>test</small></a></li>
</ul>
</div>
</body>";
?>
此外,您应该仅将$one/$two/$three
值更改为URL。
和
.innerHTML='<iframe
需要更改为
.innerHTML='"<iframe
使JS工作
由于使用字符串连接,
所以你不需要在字符串<?=$one?>
中使用这个
相反,这样写$one,或者您可以优先选择{$one}
echo长字符串不是一个好主意,请改用include。
<?php
$one = "<iframe src='http://www.google.com' width='100%' height='84%' frameborder='0'></iframe>";
$two = "<iframe src='http://www.facebook.com' width='100%' height='84%' frameborder='0'></iframe>";
$three = "<iframe src='http://www.youtube.com' width='100%' height='84%' frameborder='0'></iframe>";
include ('view.php');
view.php
<html xmlns='http://www.w3.org/1999/xhtml'
xmlns:fb='http://developers.facebook.com/schema/'
version='XHTML+RDFa 1.0' xml:lang='en'>
<head>
<link type='text/css' rel='stylesheet' href='style.css' />
<script type='text/javascript'>
function changeContent() {
document.getElementById('content').innerHTML='<?=addslashes($one)?>';
}
</script>
<script type='text/javascript'>
function changeContent2() {
document.getElementById('content').innerHTML='<?=addslashes($two)?>';
}
</script>
<script type='text/javascript'>
function changeContent3() {
document.getElementById('content').innerHTML='<?=addslashes($three)?>';
}
</script>
</head>
<body>
<div id="content"></div>
<div id='topplace'>
<ul>
<li><a href='#' class='classname' onClick="changeContent()">google <small
class='button'>Test</small>
</a></li>
<li> </li>
<li><a href='#' class='classname' onClick="changeContent2()">facebook
<small class='button'>Test</small>
</a></li>
<li> </li>
<li><a href='#' class='classname' onClick="changeContent3()">youtube
<small class='button'>test</small>
</a></li>
</ul>
</div>
</body></html>
从更改
'<iframe src='<?=$two?>' width='100%'
至
//no <?=, and make change ' to '"
'<iframe src='"$two'" width='"100%'"