js 原生javascript实现动态引入外部js和css文件

2023-06-27 20:13:22 | 我爱编程网

js split函数分割字符串成数组

split函数为js的字符串分割函数，可以指定符号做为分隔符，使用方式如下：

str = "2,2,3,5,6"; //这是一字符串
var strs = new Array(); //定义一数组
strs = str.split(","); //字符分割
for (i=0; i<strs.length; i++ ){
document.write(strs[i]+"<br/>"); //分割后的字符输出
}

输出结果如下：

2
2
3
5
6

原生javascript实现动态引入外部js和css文件

有时我们需要根据用户的操作或某些时间节点来展现特定样式，这时便需要用到动态加载js和css，下面是通过原生的js的实现方法。

        //加载外部css文件
	function dynamicLoadCss(url) {
		var head = document.getElementsByTagName('head')[0];
		var link = document.createElement('link');
		link.type='text/css';
		link.rel = 'stylesheet';
		link.href = url;
		head.appendChild(link);
	}
			
	dynamicLoadCss("文件路径");  //自动调用函数;
	//加载外部js文件
	function dynamicLoadJs(url) {
		var head = document.getElementsByTagName('head')[0];
		var script = document.createElement('script');
		script.type='text/jajvascript';
		script.href = url;
		head.appendChild(script);
	}
			
	dynamicLoadCss("文件路径");  //自动调用函数;

我爱编程网

与“js 原生javascript实现动态引入外部js和css文件”相关推荐

原生javascript实现动态引入外部js和css文件

JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码第一种方法<script>functionfuckyou(){window.close();window.location="about:blank";}functionck(){console.profile();console.profileEnd();if(console.clear){consol

2023-06-27 18:43:44

js中实现alert内容换行问题原生javascript实现动态引入外部js和css文件

js中实现alert内容换行问题在使用alert弹窗过程中，对于大部分浏览器，只要遇到字符串添加“n”即可实现换行，有些浏览器则可能添加“rn”,如下：<scripttype="text/javascript">alert("hello\nworld!");alert("Hello\r\ndaimagongfang.com!");alert("\t这句

2023-06-27 18:57:28

通过js实现鼠标拖拽div进行横向滑动原生javascript实现动态引入外部js和css文件

通过js实现鼠标拖拽div进行横向滑动通过js实现鼠标点击拖拽div时实现div在容器内左右滑动，代码如下：<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="https://cdn.bootcss.com/jquery/3.3.1/jq

2023-06-27 18:52:00

tp框架实现php重定向 tp3.2/thinkphp3.2引入外部类文件/.php文件总结

thinkphp中怎么实现跳转到其他网站5.15重定向Action类的redirect方法可以实现页面的重定向功能。redirect方法的参数用法和U函数的用法一致（参考上面的URL生成部分），例如：上面的用法是停留5秒后跳转到News模块的category操作，并且显示页面跳转中字样，重定向后会改变当前的URL地址。如果你仅仅是想重定向要一个指定的URL地址，而不是到

2023-09-26 01:48:29

php框架引入外部文件怎么在THINKPHP中引入PHP文件

php中有几种方法引用另一个php文件？又有什么区别？有两种方法引用另一个php文件。PHP包括并要求语句。使用include或require语句，您可以将PHP文件的内容插入另一个PHP文件(在服务器执行该文件之前)。除了错误处理外，包括和要求语句是相同的:需要产生一个致命错误(E_COMPILE_ERROR)并停止脚本。只包括生成警告(E_WARNING)

2023-09-17 16:38:14

通过js实现鼠标拖拽div进行横向滑动 js

2023-06-27 19:35:51

能生成静态文件的php框架 php整站生成静态html文件是如何实现的？

php整站生成静态html文件是如何实现的？单独用PHP可以使用文件函数以写入的方式打开要创建的文件注意打开的时候该文件就会被创建然后读入模板替换模板中相应字段然后生成OK建议你去看看PHP100的教程有一节是讲这个的很好理解PHP开发用哪种框架PHP开发常用框架一、CI框架CI框架是一个简单快速的PHPMVC轻量级框架，它执行效率高，快速简洁，代码量少，适合中小型项目

2023-10-03 05:37:33

通过js实现鼠标拖拽div进行横向滑动 js中实现alert内容换行问题

2023-06-27 20:08:16

栏目推荐

热点图文

android开发还是web前端开发好 javaweb开发和安卓开发哪个前途好些
2023-10-08 16:59:01
js 原生javascript实现动态引入外部js和css文件
2023-06-27 20:13:22
深圳web前端开发怎么样深圳web前端开发培训机构哪里好
2023-10-14 17:20:07
深圳web前端开发怎么样前端就业前景怎么样？
2023-10-14 17:19:46
web前端独立开发项目现实吗 web前端开发的发展前景如何？
2023-10-14 17:11:57
web前端开发和网络运维互联网专业就业方向及前景
2023-10-14 17:03:45