我有一个表单,用户(我公司的一名员工)可以输入一个 URL 和该 URL 的标题以获取生成的 HTML 代码。我知道每个用户都会使用 Internet Explorer 8,所以我不需要担心跨浏览器的兼容性。我的问题是我似乎无法为代码构建“预览”区域,以便用户在使用代码之前可以看到最终结果。
Enter URL:</td><td><input size="26" type='text' id='userInput' />
Title: <input size="31" type='text' id='urlname' />
当他们单击提交按钮时,将调用 GetURL() 函数。输入存储在以下变量中:
var userInputURL = '<a href="'+document.getElementById('userInput').value+'">'+urlName+'</a>';
然后将该变量放置在同一页面上使用 innerHTML 的文本区域中,以便用户可以复制/粘贴代码以在需要的任何地方使用。我还希望它作为真正的 HTML 显示在另一个区域中。我希望页面将 URL 转换为超链接,这样他们就可以在使用它之前看到最终结果的样子。
document.getElementById('results').innerHTML = userInputURL;
document.getElementById('codepreview').innerHTML = userInputURL;
我不得不使用 ASCII 代码来解决 Internet Explorer 8(用户将使用的唯一浏览器)中的运行时错误。我认为这是搞乱我的代码预览部分的原因。如果我不使用 ASCII 字符,那么当用户点击提交按钮时除了 Javascript 错误之外什么都不会发生。
有人可以帮我建立一个预览部分吗?
在此先感谢您的帮助。