如何创建无空格的iframe？空格替代及内嵌内容方案问询

一、完全无空格的iframe实现方案 #

如果要求iframe标签里完全没有空格字符（包括标签名和属性、属性之间的空格都不能有），纯静态HTML写法基本没法直接实现——因为HTML标准要求标签名和属性、属性之间必须用空白字符分隔，直接连写（比如<iframesrc="\\12341234">）会被浏览器当成错误的标签名，根本识别不了。

给你几个可行的创意方案：

• 用空格的Unicode实体替代空格：不用写空格字符，改用空格的HTML实体 ，比如：

  <iframe&#32;src="\\12341234">
  

  浏览器会自动把 解析成空格，正常识别iframe和src属性，而且全程没出现空格字符，也不用斜杠。
• 用JS动态生成iframe：彻底绕开静态HTML的空格限制，写一段无空格的JS代码生成元素：

  document.body.appendChild(document.createElement('iframe')).src='\\12341234'
  

  这段代码里没有空格，执行后会自动在页面上生成带正确src的iframe。

二、写法的有效性 #

这种写法不能让iframe显示内部的文本内容。iframe属于HTML的“替换元素”，标签里的文本是给不支持iframe的老浏览器做降级用的——正常支持iframe的浏览器会直接忽略内部文本，只会加载src指定的内容。如果想让iframe显示自定义内容，得用srcdoc属性（同样可以用实体替代空格），或者通过JS往iframe里写入内容。

内容的提问来源于stack exchange，提问作者ex7lted