Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptモジュール

モジュールはES2015で導入されました。モジュールは、コードをより小さな部分に分割するために導入されました。モジュールには、クラスまたは関数を含めることができます。キーワードexportおよびimportは、変数、関数、オブジェクトをエクスポートし、それらを他のファイルにインポートするために使用されます。

注 −この例を実行するには、ローカルホストサーバーを実行する必要があります。

以下はJavaScriptのモジュールのコードです

INDEX.html

例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color:blueviolet;
   }
</style>
</head>
<body>
<h1>JavaScript Modules</h1>
<button class="Btn">IMPORT</button>
<div class="result"></div>
<h3>Click on the above button to import module</h3>
<script src="script.js" type="module"></script>
<script src="sample.js" type="module"></script>
</body>
</html>

script.js 

import test from './sample.js';
document.querySelector('.Btn').addEventListener('click',()=>{
   test();
})

sample.js 

let resultEle = document.querySelector(".result");
export default function testImport(){
   resultEle.innerHTML = 'Module testImport has been imported';
}

出力

JavaScriptモジュール

[インポート]ボタンをクリックすると-

JavaScriptモジュール



  1. SeleniumWebDriverを使用してJavaScript変数を読み取る。

    SeleniumWebdriverを使用してJavascript変数を読み取ることができます。 Seleniumは、 executeScriptを使用してJavascriptコマンドを実行できます。 方法。実行されるJavascriptコマンドは、引数としてメソッドに渡されます。また、ステートメント import org.openqa.selenium.JavascriptExecutorを追加する必要があります Javascriptを使用します。 構文 JavascriptExecutor j = (JavascriptExecutor) driver; j.executeScript(&q

  2. SeleniumでのJavaScriptエラーのキャプチャ。

    SeleniumでJavascriptエラーをキャプチャできます。このタイプのエラーは、コンソールに表示されます 開発者を開く際のタブ ブラウザのツール。これは、ページの機能上の問題、またはパフォーマンスの問題を引き起こす可能性のある追加のログが原因で発生する可能性があります。 ドライバーオブジェクトとmanageメソッドを使用してJavascriptエラーを処理できます。 例 import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElemen