The method is only available on DOM elements (which makes sense) and is easy to use: var ul = document.getElementById("list"); ul.insertAdjacentHTML("beforeEnd", "<li>A new li on the list.</li>"); ul.insertAdjacentHTML("beforeEnd", "<li>Another li!</li>"); At first glance the method appeared to work well and seemed to be relatively fast. Two questions remained, though: How fast is it in comparison
こんにちは、太田です。前々回、前回でDOMの基礎を簡単に解説しました。今回からは、DOMを使った実用的なスクリプトを解説していきます。特に今回はHTMLの操作、テキストの操作にフォーカスを当てていくつかのサンプルコードを解説していきます。 HTML操作の基本 JavaScriptによってHTMLを書き出したり、一部を書き換えたり、削除したりといった方法は実は様々な方法が用意されています。目的に合わせて適切な方法を選ばないと非効率だったり、最悪クロスサイトスクリプティングなどの問題を抱えてしまう危険もあります。 document.writeと同期読み込み JavaScriptでHTMLを書き出すというと、最初に学ぶのはこのdocument.writeかもしれません。いわゆるprint文のようにシンプルなAPIなので、入門書の最初のサンプルなどで扱われることも多いようです。しかし、docume
TextRange 解説 HTMLエレメントの中のテキストを表す。 注意事項 このオブジェクトを使って、エレメント内のテキストの読み出しや変更、指定した文字列をテキスト内に置いたり、テキストの表示を変更するコマンドを実行することができる。 BODYエレメント、BUTTONエレメント、TEXTAREAエレメント、またはtextタイプのINPUTエレメントに対してcreateTextRangeメソッドを適用することにより、TextRangeオブジェクトを得ることができる。move、moveToElementText、findTextなどのメソッドを使って、TextRangeオブジェクトの先頭と末尾を移動させてその範囲を変更できる。TextRangeオブジェクト内でプレーンテキストやHTMLテキストを読み出しや変更が行える。これらのテキストの形はHTMLテキストがHTMLタグを含んでいるというこ
使用中のスクリプト エンジンのメジャー バージョン番号を返します。 ScriptEngineMajorVersion( ) 解説 この関数の戻り値は、使用中のスクリプト言語のダイナミックリンク ライブラリ (DLL) 内に格納されているバージョン情報から直接取得されます。 使用例 次のコードは、ScriptEngineMajorVersion 関数の使用例です。 function GetScriptEngineInfo(){ var s; s = ""; // 文字列を連結します。 s += ScriptEngine() + " Version "; s += ScriptEngineMajorVersion() + "."; s += ScriptEngineMinorVersion() + "."; s += ScriptEngineBuildVersion(); return(s);
少し前までJScript on WSH 5.6でちょっとしたツールを書いていて*1、その中でファイル選択ダイアログを表示させようと調べてみたら、幾つか方法があったけどどれも決定打に欠けるというか一長一短というか、正直微妙だった。 取り敢えず判明した方法をまとめてみた。 実験環境はWindows XP Pro SP2のWindows Scripting Host 5.6で、Internet Explorer 6 SP3。 「UserAccounts.CommonDialog」というCOMコンポーネントを使う方法 お手軽に使用できる方法。但しWindows XPでしか使えない。XPより古くても新しくてもダメ。Windows Serverなシリーズとかもダメらしい。どうやらこのコンポーネント、XPで導入されたけどVistaで削除されたらしい。 var dialog = WScript.Creat
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017. Learn moreSee full compatibilityReport feedback The clipboardData property of the ClipboardEvent interface holds a DataTransfer object, which can be used to: specify what data should be put into the clipboard from the cut and copy event handlers, typically with
昨日書いた通り、FileSystemObjectではUTF-8のテキストファイルを扱えない。そういうときはADODB.Streamを使う。これはUTF-8以外の文字コードも扱える。 ファイルの読み込み var s = new ActiveXObject('ADODB.Stream'); s.type = 2; s.charset = 'utf-8'; s.open(); s.loadFromFile('C:\\data\\hoge.txt'); var text = s.readText(-1); s.close(); charasetプロパティに文字コード名を渡している。色々な文字コードに対応しているらしい。どれくらい対応しているのか、その一覧を探したんだけど見つからない。 また、文字コードの自動判別ができる。charsetプロパティに"_autodetect"を渡せば良い。 typeプ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
ページへのデータソースオブジェクトの追加 Webオーサーがページに表示したいデータを決めた後の作業は、そのデータを提供するデータソースオブジェクト(DSO)を選択することと、そのデータソースオブジェクトのリファレンスをページに追加することである。Internet Explorer 4.0では、以下のデータソースオブジェクトを利用できる。 Tabular Data Control (TDC) Remote Data Service (旧称ADC) JDBCアプレット XMLデータソース MSHTMLデータソース これらのデータ プロバイダの他に、Microsoft社では Data Source Object Gallery を用意している。このサイトにジャンプすると、利用可能な他のデータ プロバイダについて学習できる。 データソースオブジェクトは、ActiveXコントロールやJavaアプレッ
PART1 データバインドの基本 ■データバインドとは何か ■まずはシンプルな例から ●データベースを可能にするおまじない ●DATASRCとDATAFLD ●用語解説を兼ねたまとめ ■表示するレコードを切り替える ■recordsetオブジェクトのプロパティとメソッドのまとめ PART2 繰り返しテーブル ■繰り返しテーブルを作る ■繰り返しテーブルに見出しを付ける ■一度に表示するレコード数を指定する PART3 データコンシューマ ■データコンシューマいろいろ ■データバインド拡張機能とデータコンシューマ PART4 並び替えと絞込 ■レコードの並び替え ■レコードの絞込 PART5 補足情報 ■Tabular Data Controlのプロパティ ■ヘッダー行がない場合の処理 PART6 スクリプト作成に役立ついくつかの実験 ■recordNumberプロパティは繰り返しテーブルの
))) JScript(WSH 5.6)小ネタ車輪の再発明のような気もするけれど。 JavaScriptフレームワーク prototype.jsを使う 例 次のようなWSFファイルを作成する。 <job id="sample"> <script language="JScript" src="pre_prototype.js"/> <script language="JScript" src="prototype.js"/> <script language="JScript" src="post_prototype.js"/> <script language="JScript"> (3).times(function(i) {WScript.Echo(i)}); </script> </job> 実装 prototype.jsはブラウザで動かすことを前提とした作りになっているために、そ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く