使用原生javascript生成html内容

最新推荐文章于 2024-08-22 10:47:09 发布

黄幸辉

最新推荐文章于 2024-08-22 10:47:09 发布

阅读量4.1k

点赞数 1

分类专栏： javascript 文章标签： javascript 导航

本文链接：https://blog.csdn.net/u014096278/article/details/53084193

版权

本文介绍如何在网站A中利用原生JavaScript从网站B动态获取并渲染导航栏和侧边栏，解决跨域问题。通过将样式集中写入一个CSS文件，并在HTML内容生成后再引用，确保样式正确应用。

摘要由CSDN通过智能技术生成

需求

在网站A增加一个导航栏和侧边栏，但是导航栏和侧边栏内容放在另个网站B，需要在网站A直接引用网站B的导航栏和侧边栏的JS。

技术要点

使用原生javascript
跨域问题

参考源代码

html内容：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>js加载模块</title>
    <script type="text/javascript">

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

黄幸辉

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

如何基于原生javaScript生成带图片的二维码

10-15

本教程将详细介绍如何利用原生JavaScript实现这个功能，主要涉及qr.js库的使用，以及HTML5的Canvas API。首先，我们需要一个二维码生成库，这里使用的是qr.js。qr.js是一个轻量级的JavaScript库，它可以将文本数据...

通过JS动态创建一个html DOM元素并显示

12-10

近日，因工作需要，需要通过点击某个元素后，动态创建一个DOM元素并显示，因此写了一些相关的JS函数，在此记录，以作备忘： /**//* 动态创建DOM元素的相关函数支持 www.jcodecraeer.com */ /**//* 获取以某个元素的DOM对象 @obj 该元素的ID字符串 */ function getElement(obj) { return typeof obj=='string'?document.getElementById(obj):obj; } /**//* 获取某个元素的位置 @obj 该元素的DOM对象，或该元素的ID */ function getObjec

参与评论您还未登录，请先登录后发表或查看评论

转换php script类型,javascript如何实现值的类型转换

weixin_39964899的博客

03-11

132

本篇文章给大家介绍使用javascript进行值的类型转换的方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。JavaScript是松散类型的语言，大多数情况下，运算符和函数会自动将值转换为正确的类型(隐式转换)；但也有一些情况需要显式的进行类型转换。【相关视频教程推荐：JavaScript教程】隐式转换JavaScript中有各种运算符和函数，它们自动将值转换为正确的类型，如...

【HTML】使用Javascript制作网页

最新发布

weixin_51649465的博客

08-22

1870

在JavaScript中，函数使用关键字function来定义。function 函数名 ([参数1,参数2,……])｛函数体</script>function：在声明函数时必须使用的关键字函数名：创建函数的名称，函数名是唯一的。参数：外界传递给函数的值，它是可选的，当有多个参数时，各参数用“，”分隔。函数体：函数定义的主体，专门用于实现特定的功能。未定义型（Undefined）用于声明的变量还未被初始化时，变量的默认值为undefined。

php静态网站搜索,JS实现静态页面搜索并高亮显示

weixin_30438795的博客

03-22

386

这篇文章主要介绍了JS实现静态页面搜索并高亮显示功能,涉及javascript事件响应、字符遍历替换及页面元素属性动态变换等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS实现静态页面搜索并高亮显示功能。分享给大家供大家参考，具体如下：JS搜索搜索这是主体内容，有很多内容，很多很多啊啊啊……，比如1234abcd啊啊啊啊这是主体内容，有很多内容，很多很多啊啊啊……，比如1234abcd啊啊啊啊...

如何使用js动态生成html代码

y4356的专栏

03-17

3878

这个只是入门的js生成动态html代码的方式，使用了jQuery的相关内容，例子是W3C上的，我会对例子进行解释的，希望对看到的人有帮助

js 类型转换.html

weixin_42193179的博客

04-03

213

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js 类型转换</title> </head> <body> <script> /*参考：https://www.runoob.com/js/js...

实例讲解使用原生JavaScript处理AJAX请求的方法

10-22

使用原生JavaScript处理AJAX请求，可以帮助开发者不依赖于外部库，如jQuery，也能有效地实现网络数据的异步交互。在原生JavaScript中处理AJAX请求主要依靠的是XMLHttpRequest对象。以下是实现原生JavaScript处理...

原生js生成二维码（完美可用）

07-06

本资源提供的是一款基于原生JavaScript编写的二维码生成器，无需依赖任何外部库，简洁高效。下面将详细介绍这款生成器的主要特点和使用方法。 1. **原生JavaScript实现**：此二维码生成器完全由JavaScript编写，不...

procedural-art:使用原生 JavaScript 的程序艺术

07-24

使用 JavaScript 的程序艺术你喜欢浪费的时间不是浪费时间。这个存储库包含一些我喜欢在业余时间设计的程序艺术算法。我不使用任何外部库，我依赖 HTML 元素进行渲染。每次打开html文件时，它都会生成一个随机...

网页js自动生成二维码

03-09

自动生成html页的源代码

12-13

这是一个asp的小程序，下载后自已需要配置一下，就可以使用了，还是一个很方便的东东。

JavaScript TO HTML 转换

百威

06-02

167

[code="java"] JavaScript TO HTML 转换 JavaScript TO HTML 转换请在下边输入JavaScript代码：以下是经过转换后的HTML代码：详细出处参考：http://www.jb51.net/article/158.htm [/code]...

原生js 設置html內容,原生js封装之路（一）

weixin_31715171的博客

06-03

414

这几天比较空闲所以研究了一下封装的方法，对于我们这些小白来说，封装往往显得高大上，下面我就来讲解下我的封装之路。原生js封装最简单的tab插件：html部分：写了两个包含框一个id为wrap一个为wraps第一项第二项第三项第一部分第二部分第三部分第一项第二项第三项第一部分第二部分第三部分css样式部分：*{ padding:0; margin:0;}.block{ display:block;}...

如何使用原生js搭建html

wgaoxian的博客

12-12

1177

在面试的时候，有可能会让用原生js去处理html搭建啊…等一些简单的业务处理，今天我就小小根据一段js代码来搭建了一个html的框架，下面就一起来学习一下吧！ css的代码 html,body{ margin: 10% 10%; } .wraper { width: 500px; height: 300px; positio...

java 操作调用js

sinat_37109615的博客

05-01

383

1/直接调用: ScriptEngineManager manager=new ScriptEngineManager(); ScriptEngine engine=manager.getEngineByName("javascript"); try { engine.eval("var a=3; var b=4;print (a+b)"); } catch (ScriptE

在使用tp5框架时,在后台调出浏览下载文件时,定义了浏览器的“Content-type“,但是最后总是变成“text/html“

lsmbh的博客

12-11

1800

解决的方法 ob_end_clean(); header('Content-type:application/pdf');//下载的文件类型信息 header('Content-Disposition: attachment; filename=name'); header('Content-Length:'.filesize($file)); //内容长度 ob_start(); echo file_get_contents($file); $dow

原生js 增加html,原生js动态生成html初始化插入到body（不指定id/class）

weixin_34887818的博客

05-30

1195

建议是这样的//我觉得你应该希望onload之前的也log出来所以内容和load状态没关系。load之后添加log到body的下面，尽量保证你的思路//创建domvar logDom = document.createElement("div");logDom.style.display = "block";logDom.style.color = "white";logDom.style.siz...