标签：建立 link use 加载 head html doctype set []
非模块化和模块化的区别是
注意:引入的JS是: /layui/layui.js
遵循 layui 的模块规范建立一个入口文件，并通过 layui.use() 方式来加载该入口文件
例如:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模块化的使用</title> <link rel="stylesheet" href="./layui/css/layui.css"> <!--引入这个JS--> <script type="text/javascript" src="./layui/layui.js"></script> </head> <body> <script> /*必须使用这个方法先引用对应的模块*/ layui.use([‘layer‘],function () { var layer = layui.layer; layer.alert("xxxxxxxxxxxxxxxxxxxxxxxx") }) </script> </body> </html>
注意:引入的JS是 /layui/layui.all.js
采用“一次性加载”的方式。当你采用这样的方式时，你无需再通过 layui.use() 方法加载模块，直接使用即可，如：
例如:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>非模块化的使用方法</title> <link rel="stylesheet" href="./layui/css/layui.css"> <!--引入这个JS--> <script type="text/javascript" src="./layui/layui.all.js"></script> </head> <body> <script> var layer = layui.layer; layer.alert("xxxxxxxxxxxxxxxxxxxxxxxx") </script> </body> </html>
例如:(下面引入是模块化JS却使用非模块化方法报错)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模块化的使用</title> <link rel="stylesheet" href="./layui/css/layui.css"> <!--引入这个JS--> <script type="text/javascript" src="./layui/layui.js"></script> </head> <body> <script> var layer = layui.layer; layer.alert("xxxxxxxxxxxxxxxxxxxxxxxx") </script> </body> </html>
例如:下面正常运行，但是没必要
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>非模块化的使用方法</title> <link rel="stylesheet" href="./layui/css/layui.css"> <!--引入这个JS--> <script type="text/javascript" src="./layui/layui.all.js"></script> </head> <body> <script> layui.use([‘layer‘],function () { var layer = layui.layer; layer.alert("xxxxxxxxxxxxxxxxxxxxxxxx") }) </script> </body> </html>
例如:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模块化的使用</title> <link rel="stylesheet" href="./layui/css/layui.css"> <!--引入这个JS--> <script type="text/javascript" src="./layui/layui.js"></script> <script type="text/javascript" src="./layui/layui.all.js"></script> </head> <body> <script> /*必须使用这个方法先引用对应的模块*/ var layer = layui.layer; layer.alert("xxxxxxxxxxxxxxxxxxxxxxxx") </script> </body> </html>
标签：建立 link use 加载 head html doctype set []
原文地址：https://www.cnblogs.com/qlqwjy/p/8975931.html
