document.write方法使用注意事项

在JS封装开发中,若不使用<script>标签引入外部库,而是通过document.write方式,会导致库加载未完成时引用出现问题。解决方法是新建独立js文件,通过document.write形式引入HTML页面,确保库和本地js代码按顺序加载,避免引用错误。

做js封装开发使用到了 外部js库,又不想使用<script>标签引入,略显麻烦,故使用document.write('<script src="/gis_engine/commonrsource/commonjs/EastsoftLib.js"><\/script>');这种形式,但自己写的js文件中引用到外部js库函数,HTML 页面执行该代码的时候假如document.write  和自己写的js代码为同一个<script>时,这时候虽然document.write先于后边js代码执行,但是引用库却未加载完毕,后边的js代码如果引用到库函数,此时会报错,影响使用。

解决办法:

另外新建js文件,以document.write形式引入到html页面,此时外部js库和本地js代码处于对等关系,按顺序加载,引用库函数就不会出现问题了。

任务描述 本关任务:使用 document.write 在页面显示 <h1>网页制作常用工具</h1><ul><li>图像处理Photoshop工具</li><li>网页编辑Dreamweaver工具</li></ul> 相关知识 document.write 基本功能介绍 document.write 是一个基本的 JavaScript 命令。这个命令简单地打印指定的文本内容到页面上。为了逐字打印文本,在打印的文本字符串加上单引号。例如: document.write('Hello World!'); 同时,也可以使用 document.write 打印变量。输入变量名称不加上引号,如下: var mytext = "Hello again"; document.write(mytext); 注意:如果变量名称加上引号,将会打印出变量名称(不会打印变量值)。你可以使用“+”符号来连接变量值和文本字符串。 var colour1 = "purple"; var colour2 = "pink"; document.write('<p>colour1: ' + colour1 + '<br>colour2: ' + colour2 + '</p>'); 打印结果如下: colour1: purple colour2: pink 编程要求 使用 document.write 在页面显示 <h1>网页制作常用工具</h1><ul><li>图像处理Photoshop工具</li><li>网页编辑Dreamweaver工具</li></ul> 测试说明 平台会对你的代码进行运行测试,如果实际输出结果与预期结果相同,则通关;反之,则 GameOver。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>prompt方法</title> <script type="text/javascript"> /***请在此处书写代码****/ /**********Begin**********/ /**********End**********/ </script> </head> <body> </body> </html>
05-28
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值