紅穆ノート
レコメンド 言語ノート JavaScript

JavaScript

概要:JSとは一般的にJavaScriptを指します。JavaScript(略称「JS」)は、関数優先型で軽量な、解釈型または即時コンパイル型のプログラミング言語です。当初はWebページの作成に用いられるスクリプト言語として知られていましたが、現在ではブラウザ以外の多くの環境でも利用されています。JavaScriptはプロトタイププログラミングを基盤とし、複数のプログラミングパラダイムを備えた動的なスクリプト言語です。

とても美しい404ページを発見しました!

とても美しい404ページを発見しました! 言語ノート CSS JavaScript

表示効果。コード:<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width…>
👁 151
HTML、PHP、Ajaxを用いて作成した小説読書アプリ

HTML、PHP、Ajaxを用いて作成した小説読書アプリ 言語ノート PHP CSS JavaScript Bootstrap

純粋な読書用バージョン:<?php // index.php session_start(); $uploadDir = 'books/'; $booksFile = $uploadDir . 'books.json'; // 初始化书籍存储目录 if (!file_exists($uploadDir))…
👁 180
PHPからJSファイルに変数を渡すにはどうすればよいですか?(JSファイル内のコードで外部の変数を取得するにはどうすればよいですか?)

PHPからJSファイルに変数を渡すにはどうすればよいですか?(JSファイル内のコードで外部の変数を取得するにはどうすればよいですか?) 言語ノート PHP JavaScript

PHPの変数をJavaScriptファイルに渡す方法には、いくつかの選択肢があります。その一つが「インラインJavaScript」です。これにより、例示コードと同様に、HTMLファイル内のJavaScriptコードに直接PHP変数を使用できます。これにより、PHPがJavaScriptコードを生成する際に、PHP変数の値を含めることができるようになります。しかし、この方法には…
👁 216
HTML+CSS+Swiperを用いたNetEase Cloud Musicのスマートフォン版における3列構成の左右スワイプ操作実現方法

HTML+CSS+Swiperを用いたNetEase Cloud Musicのスマートフォン版における3列構成の左右スワイプ操作実現方法 言語ノート CSS JavaScript

まず、Swiper を利用して左右スワイプ操作を実現します!次に、HTMLとCSSを用いてテキストと画像のレイアウト表示を実現します!コード:🔒 見えないコンテンツ:会員のみ閲覧可能&lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt; &amp;lt;tit…
👁 193
jQueryを使用して、バナー表示画像の高さと幅の比率をリアルタイムで変更します。

jQueryを使用して、バナー表示画像の高さと幅の比率をリアルタイムで変更します。 言語ノート JavaScript

最近、PC版をレスポンシブテンプレートに変更する際、いくつかの問題に遭遇しました。PC版のスライドは、imgタグを直接使用して表示するのではなく、liタグを用い、そのliタグに背景画像を設定し、背景画像に固定高さを設定しています。そこで、このスライドの高さをCSSで制御するよりも、直接JSで制御する方が適切であることに気づきました。例:`function setFlashHeight()…`
👁 178
PHP+HTML+jQuery+Bootstrapを用いたデータベースの検索・更新機能ページ

PHP+HTML+jQuery+Bootstrapを用いたデータベースの検索・更新機能ページ 言語ノート PHP mySql JavaScript Bootstrap

スクリーンショットは以下の通りです:index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device…>
👁 266
jQueryで`<pre>`タグをクリックすると、そのタグ内のコンテンツをファイルとして保存し、ダウンロードします。

jQueryで`<pre>`タグをクリックすると、そのタグ内のコンテンツをファイルとして保存し、ダウンロードします。 言語ノート JavaScript

このコードは JavaScript/jQuery の関数であり、主な機能はページの読み込み完了後、ユーザーが &lt;pre&gt; エレメントをクリックした際に、そのテキスト内容を指定されたファイル形式でローカルにダウンロードするものです。具体的なコード解説は以下の通りです:まず、$(document).ready()メソッドを使用して、コードがドキュメントの読み込み完了後に実行されるようにしています。次に、$()関数を用いて…
👁 177
jQueryコード:`id`属性を持つボックス内に現在の暦日を表示します。

jQueryコード:`id`属性を持つボックス内に現在の暦日を表示します。 言語ノート JavaScript

呼び出されるインターフェース:中国天文台暦データインターフェース。その他の機能については、自ら研究するjQueryコードをご参照ください:$(document)。ready(function() { var resultElement = $("#result"); function getDayInfo(date) { var apiUrl = "https://…
👁 184
JS:ボタンをクリックすると「検索中…」と表示され、3秒後に検索結果が表示されます。

JS:ボタンをクリックすると「検索中…」と表示され、3秒後に検索結果が表示されます。 言語ノート JavaScript

ボタンをクリックすると、「支払い状況を照会中…」と表示されるポップアップウィンドウが表示されます。3秒後、「支払い明細が検索されませんでした。支払いを行ってください」というメッセージが表示されます。主なロジックはこのようにです。中間段階に後端サーバーへのリクエストコードを追加することも可能ですが、ここでは省略します。HTMLコードは以下の通りです:<button data-v-b863db80="" type="button" class="el-button b…>
👁 175
jQueryを使用して、ボタンをクリックするとパスワード入力欄に表示されます。

jQueryを使用して、ボタンをクリックするとパスワード入力欄に表示されます。 言語ノート JavaScript

jQueryで「ボタンをクリック」すると、パスワード入力フォーム内のパスワードが表示されます。jQueryコードは以下の通りです:```javascript$(document).ready(function() { $( '#pwd_show').click(function() { var passwordInput = $( '#password'); if (passwordInput…```
👁 215
1 2 3 4