


ページの div レイヤーのコンテンツを選択するボタン。ワイド スクリーンの場合はOKですが、正方形のスクリーンのコンピューターではダメです。その方法_html/css_WEB-ITnose
ページ上の div レイヤーのコンテンツを選択するボタン
実装したい機能は次のとおりです: ページ上のボタン ボタンをクリックした後、特定の div レイヤーのコンテンツ (div 内のテキストと画像を含め、これらのコンテンツを選択します。これまでのところ、この効果は以下に示しています。)ラップトップ (ワイドスクリーン) でアクセスすると、この効果が得られません。デスクトップ コンピューター (正方形のスクリーン) を使用すると、この効果は得られません。改善できるかどうかを確認するために専門家に手伝ってもらえませんか? ブラウザの互換性を考慮する必要はありません。どのブラウザにも適しています (私は通常、360 Secure Browser バージョン 5.0、IE カーネルを使用しています)。
==button button==================
<input id="bt_a" type="button" value="选中产品内容" onclick= "rdl_createRange1()"/>
===製品コンテンツが配置されているレイヤーのコード=========== =====
<div id="com_a"><div id="com_b" class="boxCenterList RelaArticle"></div> <div id="com_c"> <blockquote> {$goods.goods_desc} //产品内容包含文字和图片 </blockquote> </div></div>
===divレイヤーの内容を選択する機能を実装したJS================
<script> function rdl_createRange1(){ //这个地方只能选取id为com_b的层,ecshop商城的产品页面var oMessage=document.all("com_b"); var oTextRange=document.body.createTextRange(); with (oTextRange) { moveToElementText(oMessage); execCommand("SelectAll"); } var oTextRange=document.selection.createRange(); } </script>
に返信議論 (解決策)
Put
var oMessage=document .all(" com_b");
var oMessage=document.all(" com_c"); に変更します
var oMessage=document.all("com_b"); を
var oMessage=document.all("com_c"); に変更します
理由はわかりませんが、com_c を使用すると機能しません。データなし 。 Google Chrome を使用して要素を調べたところ、実際のページはまだ com_b にあることがわかりました。末尾の /div を 1 つ追加したのだと思います。
現在の問題は、ワイド画面は問題ありませんが、正方形の画面は問題があることです。頭痛

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

Dreamweaver Mac版
ビジュアル Web 開発ツール

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

WebStorm Mac版
便利なJavaScript開発ツール
