如何显示html代码到新窗口界面中

最新推荐文章于 2023-07-30 11:16:05 发布

原创最新推荐文章于 2023-07-30 11:16:05 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #界面 #标签 #pre

javaweb积累专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一种通过不同方式展示Blob内容的技术，包括直接使用div标签、pre标签以及JavaScript动态加载等方法，并提供了一个具体的实现案例。

主界面代码：

function showBlobContent(emr_id,showType){
	//art.dialog.data('p_blob_content', p_blob_content); //存储数据
	art.dialog.open('../medicalInstrumentInfoAction!showBlobContent.htm?emr_id='+emr_id+'&showType='+showType,{
		width : 1000,
		height : 600,
		lock : true,
		title : '新界面'
	});
}

显示到新窗口界面

有三种方式可以选择：

1.直接用div进行显示；

2.使用pre标签显示

3.使用javascript进行显示；

代码如下：

<div id='htmlC1'>${minfo.p_blob_content}</div>

<div id='htmlC1'><pre>${minfo.p_blob_content}</pre></div>

<input type="hidden" id="contentq" name="contentq" value="<s:property value='minfo.p_blob_content'/>"> 
<s:property value='minfo.p_blob_content'/>
 <script>
	document.getElementById('htmlC').innerHTML = document.getElementById('contentq').value;
</script>

这三种分别对应不同的需求，进行页面上的展示，具体哪种适合还需要适应当时情况进行调试