問題タブ [html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
7410 参照

javascript - jQueryを使用してコードタグ内にpreタグを追加するにはどうすればよいですか?

コードブロックのフォーマット、特にタグ内にタグjQueryを追加するために使用しようとしています。<pre><code>

Firefoxはフォーマットを正しく適用しますが、IEはコードブロック全体を1行に配置します。アラートを追加した場合

IEがpreタグに追加のテキストを挿入したことがわかります。

ページをリロードすると、jQueryに続く番号が変わります。

wrap()の代わりにを使用してタグの外側wrapInner()をラップすると、IEとFirefoxの両方が正しく処理します。しかし、内部でも機能するべきではありませんか?<pre><code><pre> <code>

wrapInner()タグにCSSクラスを追加して<pre>すべてのフォーマットを処理できるため、使用したいのですが、を使用する場合wrap()は、ページフォーマットCSSを<pre>タグに、テキスト/フォントフォーマットを<code>タグに、またはFirefoxとIEを配置する必要があります。両方が窒息します。大したことではありませんが、できるだけシンプルにしたいと思います。

他の誰かがこれに遭遇しましたか?私は何かが足りないのですか?

0 投票する
6 に答える
67176 参照

javascript - JavaScriptを使用してオーバーフローしたDIVをスクロールする

divのサイズを変更してページ内でドラッグしても、overflow:autoを使用してコンテンツをdiv内に保持するdivがあります。私はいくつかのajaxを使用してサーバーからテキストの行を取得し、それらをdivの最後に追加しているので、コンテンツは下向きに成長しています。これが発生するたびに、JSを使用してdivを一番下までスクロールし、チャットルームやコマンドラインコンソールが機能するのと同じように、最後に追加されたコンテンツが表示されるようにします。

これまで、このスニペットを使用して実行してきました(jQueryも使用しているため、$()関数を使用しています)。

しかし、それは私に一貫性のない結果を与えています。動作する場合と動作しない場合があり、ユーザーがdivのサイズを変更したり、スクロールバーを手動で移動したりすると、完全に動作しなくなります。

ターゲットブラウザはFirefox3であり、制御された環境に展開されているため、IEで動作する必要はまったくありません。

アイデアはありますか?これは私を困惑させました。ありがとう!

0 投票する
7 に答える
6529 参照

html - ブラウザ間の HTML の違い

異なるブラウザーでの HTML タグ/プロパティの処理の違いを知っていますか? たとえば、maxlength フィールドが「2o」に設定された input タグを含むページを見たことがあります。Firefox と Opera は「o」を無視し、最大長を 2 に設定しますが、Internet Explorer はこのフィールドを完全に無視します。もっと知っていますか?

(注:これはおそらくリストになるので、違いの一般的な名前が太字のテキストであると便利です。たとえば、タグプロパティでの異なる不安定な値の処理

0 投票する
9 に答える
130480 参照

javascript - JavaScriptを使用してHTMLの子ノードを削除するにはどうすればよいですか?

のような機能はありdocument.getElementById("FirstDiv").clear()ますか?

0 投票する
7 に答える
509 参照

html - IE7: メニューの上のヘッダー

IE7で困っています。IMG であるヘッダーがあります。その下にメニューを表す div があり、間にスペースを入れずに互いに接続する必要があります。どちらも幅1000pxです。Opera と FireFox では、ヘッダーとメニューがきれいに関連付けられています。ただし、IE7 では、メニュー DIV と IMG の間に小さなスペースがあります。IMG でパディングとマージンを明示的に定義しようとしましたが、うまくいきません。以前にこの問題が発生したことがあるので、IE7 の癖のようです。

私のHTMLコード:

0 投票する
6 に答える
501 参照

html - wiki ページのコンテンツで自動リンクを処理するにはどうすればよいですか?

自動リンクとは、ページ コンテンツにインライン化された wiki リンクが、ページへのハイパーリンク (存在する場合) または作成リンク (ページが存在しない場合) に生成されるプロセスです。

私が使用しているパーサーでは、これは 2 段階のプロセスです。まず、ページ コンテンツが解析され、ソース マークアップから Wiki ページへのすべてのリンクが抽出されます。次に、最終的な HTML マークアップが生成される前に、既存のページの配列をパーサーに戻します。

このプロセスを処理する最善の方法は何ですか? 毎回ページ タイトルのインデックスを抽出するのではなく、サイト上のすべてのページのキャッシュ リストを保持する必要があるようです。それとも、各リンクを個別にチェックして、存在するかどうかを確認する方がよいでしょうか? リストがキャッシュされていない場合、これにより多くのデータベース ルックアップが発生する可能性があります。これは、何千ページもある大規模な Wiki サイトでも実行可能でしょうか?

0 投票する
2 に答える
386 参照

html - shtmlの「ファイルを含める」は、データベースを変更しないデータを保持するための最良の方法ですか

コマンドを使用して#include file情報をいくつかの Web ページにロールする Web サイトがあります。作成者はテキスト ファイルにアクセスして、不定期のクラスや部門の連絡先情報などを更新できます。

私の質問はこれです、私は誰もこの方法を使用していないので、それを使い続けるのが良い考えかどうか疑問に思っています. そうでない場合、代わりにどの方法に移行する必要がありますか?

0 投票する
4 に答える
388 参照

javascript - ツリーベース (vs. HTML ベース) の Web フレームワーク?

クライアント側の JavaScript を作成する人なら誰でも DOM に精通しています。これは、ブラウザがサーバーから取得した HTML から生成されたメモリ内で参照するツリー構造です。JavaScript は、DOM ツリーのノードを追加、削除、および変更して、ページに変更を加えることができます。(ブラウザーのバグは別として) 操作するのは非常に素晴らしく、サーバー側のコードが最初にページを生成する方法とは大きく異なります。

私の質問は次のとおりです。どのサーバー側フレームワーク/言語が、最初からDOMツリーとして処理してページを構築しますか?文字列をエコーする代わりにノードを挿入しますか? クライアント側とサーバー側の両方のコードがページを同じように見れば、非常に役立つと思います。このようなものをどの Web サーバー言語でも一緒にハックすることは確かにできますが、この方法でページを作成する専用のフレームワークを使用すると、非常に優れた最適化を行うことができます。

オープンソースが広く展開されており、しばらく使用されていることはすべてプラスになります。

0 投票する
3 に答える
9210 参照

javascript - JavaScript を実行してサーバー側キャッシュ用の HTML をレンダリングする

DOM操作またはdocument.write(). リクエストを追加してブラウザーの速度をさらに低下させ、別のプロバイダーが高速で信頼性が高く、ウィジェットの出力が変更されないことを信頼するのではなく、JavaScript を実行*してレンダリングされた HTML を生成し、その HTML ソースを保存します。

私が調べた中で、実行できない、または難しすぎると思われるものは次のとおりです。

  1. リンクブラウザ ( lynx ではありません! )
  2. Xvfb と Firefox と Greasemonkey のヘッドレス使用 (むぅ)
  3. すべて Java のブラウザー ツールキット Cobra (最善の策です! )

何か案は?

** 必ずしも終了パスがあるとは限らないため、JavaScript を実際に完全に実行することはできませんが、アイデアは得られます。

0 投票する
5 に答える
4815 参照

html - Google マップのマッシュアップを作成する最も簡単な方法は?

次のような場所のリストが与えられた場合

各場所の画鋲を使って Google マップを作成する最も簡単な方法は何ですか?