طرق مختلفة لتشغيل ملفات JavaScript دون استخدام script

طريقة واحدة: الأصلي

　محتوى adc.js كالتالي:

var hello = "H9";

html.html

<script>
      var s = document.createElement("script");
      s.src = "abc.js";
      document.head.appendChild(s);
      s.addEventListener("load",function(){
        // انتظر حتى يتم تحميل س من الحدث load لحماية من الحصول على خطأ قبل إتمام التحميل
        console.log(hello);
      )
      setTimeout(function(){// أو استخدام闹قية لضمان إتمام التحميل قبل التشغيل (غير آمن، لا يفضل الاستماع إلى الأحداث)
        console.log(hello);
      },1000);
     // $.getScript("abc.js");
  </script>

طريقة ثانية: jquery.js

$.getScript("abc.js",function(){ alert("heheheh"); console.log(hello); });

<script type="text/javascript" src="../jquery.js"></script> 
<script type="text/javascript"> 
$(function()}}
{
$('#loadButton').click(function(){
$.getScript('new.js',function(){
newFun('"تحقق من النص الجديد"');//هذا الدالة في ملف new.js، وتعمل عند النقر على click
});
});
});
</script> 
</head> 
<body> 
<button type="button" id="loadButton">تحميل</button>

الطريقة الثالثة: require.js

تحميل require.js 2.1.1، يرجى الانتباه إلى أن هذا هو للملفات الكبيرة، في معظم الحالات يمكن استخدام jquery

index.html

<script data-main="main" src="require.js"></script>

main.js

console.log("مرحبًا بالعالم");
require(["js1","js2","js3"],function () {
  // يتم التحميل بشكل متسلسل. يمكن تجاهل نهاية js
  console.log("هل تم تحميلكم؟");
  var total = num1+num2+num3;
  console.log(total);
  hello1();
  hello2();
  hello3();
)

استخدام requireJs يمكن أن يجعل استيراد ملفات js سهلاً، ولكن يجب الانتباه إلى مشكلة التداخل في أسماء المتغيرات والمتغيرات في ملفات js. السبب: ملفات js في المتصفح تستخدم نطاق العالمية المشترك، ويمكن أن يتم تغطية أسماء المتغيرات والمتغيرات في النطاق

تعليمية الأساس

أنت قد تحب