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

JavaScript DOMで背景画像を繰り返さないようにスタイル設定するにはどうすればよいですか？

JavaScriptで繰り返されないように背景画像のスタイルを設定するには、 backgroundRepeatを使用します 財産。ページ上で背景画像を繰り返すかどうかを設定できます。

例

次のコードを実行して、JavaScriptで繰り返さないように背景画像のスタイルを設定する方法を学ぶことができます-

<!DOCTYPE html>
<html>
   <body>
      <button onclick="display()">Click to Set background image</button>
      <script>
         function display() {
            document.body.style.backgroundImage = "url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg')";
            document.body.style.backgroundRepeat = "no-repeat";
         }
      </script>
   </body>
</html>

  1. javascriptで画像のプリロードを行う方法は？

    次の方法を使用して、JavaScriptを使用して画像をプリフェッチできます- function preloadImage(url) {    let img = new Image();    img.src = url;    return img; } 使用していない場合、すべてのブラウザが数秒後に画像をリリース（ガベージコレクション）することに注意してください。これを回避するには、imgオブジェクトへの参照を保持します。

  2. HTMLDOMスタイルの背景プロパティ

    backgroundプロパティは、要素に関連付けられた背景画像を設定または取得するために使用されます。これは省略形のプロパティであり、最大8つのプロパティを操作できます。 構文 以下は、-の構文です。 背景プロパティの設定- object.style.background = "color image repeat attachment position size origin clip|initial|inherit" 値 以下は値です- Sr.No 値と説明 1 色 要素の背景色を設定します。 2 画像 要素の背景画