JS怎么实现在body最后插入一个script标签

在js中,可以使用createElement()方法创建script标签,并通过appendChild()方法向body添加script标签。下面小编举例讲解JS怎么实现在body最后插入一个script标签。

32a127723d03bbeac738f7fdea43d7d449315414.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1

东西/原料

  • html+js
  • 代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解JS怎么实此刻body最后插入一个script标签。

    988e1c532f63238512882524cce833e038725d14.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  2. 2

    在test.html文件内,利用button标签建立一个按钮,给button按钮绑定onclick点击事务,当按钮被点击时,执行handle()函数。

    031231632385e036112f805db8e039723c035a14.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  3. 3

    在js标签内,利用createElement()方式添加一个script标签。

    2e223d85e036e291b356f455b2723d03baea5b14.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  4. 4

    在js标签内,经由过程script对象,利用src属性让script标签加载js下面的test.js文件。

    22c4fe36e29147e8c65efec7b603bbea3f865814.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  5. 5

    在js目次下,建立一个test.js文件,在文件内,建立handle()函数,在函数内,利用alert()方式提醒“当作功加载js文件”。

    e3d059e833e03972cabd7c5fb586304860435614.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  6. 6

    在js标签内,再利用appendChild()方式将建立的script标签在body最后插入。

    e177fc9147e833e0cfccfab630ea3e8631485914.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  7. 7

    在浏览器打开test.html文件,点击按钮,查看成果。

    46a92de039723d034354f933bb486143d6d45714.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1

总结:

  1. 1

    1、在js标签内,利用createElement()方式添加一个script标签。

    2、再利用appendChild()方式将建立的script标签在body最后插入。

  • 发表于 2020-06-06 19:00
  • 阅读 ( 182 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论