Question

我刚才发现我需要将此链接放在data标记内，因为data使用＆＃34; ＆＃34;，我不能包括两者。

是否可以使用document.getElementById("id")？

或者我需要另一个脚本吗？你可以告诉我，JavaScripts还不是最好的。希望学到一两件事。

<a href="chat" onclick="return popitup('chat')">Pop</a>

<script>
function popitup(url) {
newwindow=window.open(url,'name','toolbar=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no,height=600,width=330');
if (window.focus) {newwindow.focus()}
return false;
}
</script>


<a href="#" class="emotes show-pop btn btn-default top" data-title="Settings" data-content="<a href="chat" onclick="return popitup('chat')">Pop</a>"><img src="img/settings.png"></a>

Answer 1

您需要转义属性值

中的"

<a href="#" class="emotes show-pop btn btn-default top" data-title="Settings" data-content="<a href=&quot;chat&quot; onclick=&quot;return popitup('chat')&quot;>Pop</a>"><img src="img/settings.png"></a>

Answer 2

在引用此stackoverflow帖后，我尝试重现您的代码，如下所示。你错过的是你需要逃避'＆lt;'，'＆gt;'和'''

<a href="chat" onclick="return popitup('chat')">Pop</a>

<script>
function popitup(url) {
newwindow=window.open(url,'name','toolbar=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no,height=600,width=330');
if (window.focus) {newwindow.focus()}
return false;
}
</script>

<a href="#" class="emotes show-pop btn btn-default top" data-title="Settings" data-content='&lt;a href=&quot;chat&quot; onclick=&quot;return popitup("chat")&quot;&gt;Pop&lt;/a&gt;'>
    <img src="img/settings.png">
 </a>

JavaScript window.open onclick（＆＃39; url＆＃39;）

2 个答案: