今天，我给大家讲一个我自己前段时间的真实经历。如何将html代码打包(转换)成JS实现调用？
将html代码封装成js的目的是什么？直接写在html页面上不好吗？首先，我来为你回答这个问题。也许有一天，有些朋友会遇到和我一样的问题。
我的网站是以织梦为背景搭建的，但是我需要给整个网站(包括所有文章页面和列表页面、栏目页面)添加一个横幅图(这里知识一个栗子)。如果我直接在模板中写，我必须更新所有的列和子页面模板。想想一个网站有多少栏目和模板？每次更新横幅图都需要修改每个模板吗？这样会大大降低我们的效率，所以有必要把这里横幅图的html代码封装成JS。以后想修改横幅图，只需要修改封装了横幅图html代码的JS文件就可以了！
正确看到这里，你是不是已经明白为什么要把html代码封装成js了？下面小声解释一下将html代码封装(转换)成JS的具体步骤:
第一步:打开Dreamweaver或者类似的软件，提前写好要封装的HTML代码。
第二步:在站长工具中打开HTML/JS转换页面，将HTML代码转换为JS代码，如下图:
步骤三：在Dreamweaver中新建一个JS文件，将转换后的JS代码***粘贴进去，保存为banner.js文件。第三步:在Dreamweaver中创建新的JS文件，将转换后的JS代码***粘贴到其中，保存为banner.js文件。
第四步:在网站服务器上传banner.js文件，记住上传路径。
第五步:进入网站后台，在需要添加横幅图的模板中的适当位置添加JS包代码。代码如下:
& lt脚本src = & # 8221banner.js & # 8221type = & # 8221text/JavaScript ”& gt& lt/script >
完成上述步骤并刷新背景列后，就可以调用横幅图了。它是横幅图调用问题的完美解决方案吗？以后修改横幅图时，只需要修改banner.js文件即可。
本文来自牙可爱的骚云吖~投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/485945.html
微信扫一扫 
