gpt4 book ai didi

javascript - 创建元素 ("a") - FireFox JavaScript

转载 作者:行者123 更新时间:2023-11-28 07:26:52 25 4
gpt4 key购买 nike

我有问题。我有一个 iframe(可编辑),当我单击按钮时,我将创建一个链接。所以这不是问题。但是,在此之后我停留在“链接”模式。我在 FireFox 中只遇到这个问题。怎么了。非常感谢。

index.php 中的 JavaScript 函数

    function insertLink(verlinkung,text) 
{
var doc = document.getElementById("frame").contentWindow.document;
var sel = doc.getSelection();

if (sel.rangeCount > 0)
{
var range= sel.getRangeAt(0);

myParent=document.getElementById("frame").contentWindow.document.body;
alink=document.createElement("a");

text= document.createTextNode(text);

alink.href = verlinkung;
if (document.getElementById('check_underline').checked == false)
{
alink.setAttribute("style","text-decoration: none;");
}
else
{
alink.setAttribute("style","text-decoration: underline;");
}
alink.appendChild(text);

myParent.appendChild(alink);
range.insertNode(alink);

}
}

--在同一个站点中像javascript函数

<img src ='./images/toolbar/plus.png' onMouseDown = "insertLink(document.getElementById('link_href').value,document.getElementById('link_text').value);">

在 Index.php

<iframe src = './editor.php' id = 'frame' class = 'iframe_design'>

editor.php 中 Iframe 的内容:

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script language = 'JavaScript'>
function lade()
{
document.body.contentEditable='true';
document.designMode='on';
void 0;
}

</head>

<body style = 'font-family: verdana; font-size: small;'>

</body>

</html>

因此,当我使用图像单击创建链接时,我保持在“超链接”模式。仅在火狐浏览器中。所以我可以写一个普通的文本,但它的作用就像一个超链接。

最佳答案

你正在做的事情应该有效。

尝试这个简化版本:

<div id="x">A link should appear here: </div>

<script>
var a = document.createElement("a");
var text = document.createTextNode("I'm a link");
a.setAttribute("style", "text-decoration: underline;");
a.setAttribute("href", "https://github.com/adrianblynch?tab=repositories");
a.appendChild(text);
document.getElementById("x").appendChild(a);
</script>

在 Chrome 和 Firefox 中适用于我。

关于javascript - 创建元素 ("a") - FireFox JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29551472/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com