`
gupaohao
  • 浏览: 23422 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
最近访客 更多访客>>
社区版块
存档分类
最新评论

关于js插入页面元素问题 在js中创建html元素并在 引入js的地方直接显示

 
阅读更多

　　最近开发网页,有许多组件需要js的方式引入
　　有个需求是在引用js的层内直接显示插件,为保证通用性,事先不知道是哪个层.
　　联想到flex 在页面引入embed 就是直接一个js
　　查了下原来是使用 document.write()方法 ok!  24.htm insertAdjacentHTML插入新内容 在文本前容器内插入内容"); document.all.paral.insertAdjacentHTML("beforeEnd", "在文本后容器内插入内容"); document.all.paral.insertAdjacentHTML("beforeBegin ","在文本前容器外插入内容"); document.all.paral.insertAdjacentHTML("afterEnd","在文本后容器外插入内容"); } // -->   style="fontsize:6;color='#ff00ff'" mce_style="fontsize:6;color='#ff00ff'">原来的内容  这是目标层1 haha我是插入的内容'); // --> 后面的层   这是目标层2  后面的层    
分享到：
| 深入SVG路径~~~在DEGRAFA中使用PATH
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Vue中插入HTML代码的方法

    我们需要吧<p>Hello World插入到<p>My name is Pjee应该如何做？ 一、使用v-html v-html:更新元素的 innerHTML const text = `<p>Hello World</>` My name is Pjee <p v-html='text'></p> 注意：你的站点...

    quill.js-心目中的最佳富文本编辑器-html引入、改后可用于Vue-quill-editor

    quill.js-心目中的最佳富文本编辑器-html引入、改后可用于Vue-quill-editor 基于html 可以将文本框内图片优先上传后服务器 因为编辑器默认是将图片转成base64存储的，而我们实际开发需要将图片存在自己的服务器中...

    在线编辑onlyOffice前端引入js包

    onlyOffice 使用前端必须引入js资源包，使用onlyOffice在线编辑必不可少

    JS实现的DOM插入节点操作示例

    插入节点，本示例在页面的文本框中输入需要插入的文本，然后通过单击“前插入”按钮将文本插入到页面中。 三 完整示例代码： <!DOCTYPE html> <html> <head> <title>www.jb51.net 插入节点&lt...

    javascript插入样式实现代码

    javascript插入样式在前端开发中应用比较广泛，特别是在修改前端表现和页面换肤的时候。最近做的这个任务是用户在别人的站点上点击一个按钮，就会在别的站点页面下插入一个脚本，执行，这其中包含了样式的插入。 ...

    大名鼎鼎SWFUpload- Flash+JS 上传

    它还提供了一组简明的JavaScript事件，借助它们开发者可以方便的在文件上传过程中更新页面内容来营造各种动态效果。 　在使用SWFUpload之前，请确认你具备一定的JavaScript和DOM知识。在实际开发中，大部分的错误都...

    js调用在线客服源码

    网站实用在线客服源码. ...GBK 调用(把下面代码插入到网页中，最好是在网站底部，</body></html>上方. <script language='javascript' src='OKQQ/ServiceQQ.js' type='text/javascript' charset='gbk'></script>

    源文件程序天下JAVASCRIPT实例自学手册

    6.3.2 数组中元素的顺序问题 6.3.3 模拟堆栈和队列操作的方法 6.3.4 使用splice()方法添加和删除数组元素 6.3.5 修改length属性更改数组 6.3.6 调用Array对象的方法生成字符串 6.3.7 连接两个数组 6.3.8 常见属性和...

    javascript入门笔记

    2、在HTML中引入脚本文件 [removed][removed] 练习： 1、先创建一个 base.js 的文件 2、在文件中执行以下代码 console.log(" .... ... "); [removed](" ... ... "); window.alert("这是在外部脚本文件...

    Vue如何引入远程JS文件

    一开始的思路是在 Vue 加载完 Dom 之后（mounted），使用 JavaScript 脚本在 body 中插入远程的脚本文件。 后来发现了 Vue 的 createElement 方法，简单的封装一个组件解决问题。 解决方法 第一版代码（直接在操作 ...

    JavaScript基础和实例代码

    6.3.2 数组中元素的顺序问题 6.3.3 模拟堆栈和队列操作的方法 6.3.4 使用splice()方法添加和删除数组元素 6.3.5 修改length属性更改数组 6.3.6 调用Array对象的方法生成字符串 6.3.7 连接两个数组 6.3.8 常见属性和...

    include.js

    用于将封装的HTML代码块导入当前页面，只需要引入该js文件，即可轻松无缝插入代码块，和在一个页面写代码的效果一样，需要注意的是，因为加载顺序的问题，使用该js文件需要先引入jQuery。

    lucksheet excel 在线导出 支持图片 修复各种样式问题

    lucksheet 打打的解决了web excel 的窘境 但是开源坑比较多 ，为了节省大家的时间我在百忙中给大家写了这个excel 在线导出 ，基于excel.js ,使用vue 调用，HTML5 可以通过引入vue 和 excel.js 直接引用，vue 可以...

    JS中script标签defer和async属性的区别详解

    其中包括两种形式，第一种直接在script标签之间插入js代码，第二种即是通过src属性引入外部js文件。由于解释器在解析执行js代码期间会阻塞页面其余部分的渲染，对于存在大量js代码的页面来说会导致浏览器出现长时间...

    JavaScript笔记

    用于颠倒数组中元素的顺序 17.Array元素操作： |--arr.push(x);向数组增加1个新元素x（位于数组最后位置） |--arr.splice(开始位置，删除几个[,x1,x2,x3...]) |--arr.indexOf(x) 返回x在数组中的下标---经常...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    目前市场业务中在产品以及其他项目的认证和检测方面存在诸多不便，用户需要实地考察并频繁与检测单位沟通，填写繁琐的纸质检测报告、当面送递样品，对于检测环节中存在的问题难以及时交互并处理。市场上相应的检测...

    Vue.js中的extend绑定节点并显示的方法

    第一步，创建一个静态页面并引入vue.js文件，并在主体元素标签中插入一个div，设置id属性，如下图所示： 第二步，在[removed][removed]标签中调用Vue.extend()，设置template和data，如下图所示： 第三步，使用new...

    rjs:JavaScript中的R

    rjs：JavaScript中的R 在JavaScript中引入R，这是一种由支持的将R代码直接插入网站的。 您可以通过2个简单的步骤使用它。步骤1 在html文件的任意位置添加[removed][removed] （或在本地下载r.js ）。第2步将class = ...

    JavaScript 复制功能代码 兼容多浏览器（ZeroClipboard）

    然后把在你要使用复制功能的页面中引入Zero Clipboard的js文件：ZeroClipboard.js 如下代码： [removed][removed] 注意：以上 ZeroClipboard.js, ZeroClipboard.swf需要放在同一路径下。如果不在同一路径，可使用...

Magicbox
Global site tag (gtag.js) - Google Analytics