Skip to main content

JavaScript、AJAX、DOM

更新日: 2011 年 6 月 24 日

AJAX (Asynchronous JavaScript and XML) は、サーバー側だけでなくクライアント側でも実行されるリッチな対話型の Web アプリケーションを作成する Web 開発手法です。AJAX を使用すると、ページ全体を再読み込みしなくても必要な部分の更新を行うことができます。JScript や JavaScript は、ほとんどの Web 開発者がページや DOM (ドキュメント オブジェクト モデル) を操作する際に使用するクライアント側のスクリプト言語です。

IE チームのブログ記事

翻訳版
※本記事は、マイクロソフト本社の IE チームのブログから記事を抜粋し、翻訳したものです。

Chakra: 標準を越えて実現する相互運用性
元記事: Chakra: Interoperability Means More Than Just Standards

標準仕様に含まれない機能を実装するかしないか、マイクロソフトがどのように判断していると思いますか。すべてのブラウザー プロバイダーと同様に、我々もこの決定を下す場面に何度も遭遇します。この記事では、実際の JavaScript の例を使用して、標準仕様が不十分な場合でも相互運用性のあるブラウザーを提供するためにマイクロソフトが原則として使用している概念をいくつか説明します。

DOM トラバーサル
元記事: DOM Traversal

最新の Platform Preview ビルドには、DOM の操作に役立つ相互運用性を備えた機能として DOM トラバーサルと要素トラバーサルの 2 つが用意されています。この 2 つの機能を使えば、Web 開発者はブラウザーの種類を問わず同一のマークアップを使ってドキュメントを簡単かつ柔軟、高速にトラバースできます。

IE9 の強化された DOM 機能の紹介
元記事: Exploring IE9's Enhanced DOM Capabilities

IE9 Platform Preview 4 でマイクロソフトは、JavaScript エンジン Chakra を IE に統合する方法を大幅に設計し直しました。IE9 標準モード向けに DOM のプログラミング モデルを少し変更して、新しい ECMAScript 5 機能との整合性の確保、他のブラウザーとの相互運用性の向上、さらに新しい標準である WebIDL への準拠を実現しています。

英語版

Internet Explorer ガイド - JavaScript、AJAX、DOM

DOM Level 3 Events support in IE9
Interoperable DOM Events are a core part of delivering the promise of HTML5’s “s... 詳細情報
Enhanced Scripting in IE9: ECMAScript 5 Support and More
Up to this point we have mostly talked about improved JavaScript performance in ... 詳細情報
Chakra: Interoperability Means More Than Just Standards
How do we decide whether to implement a feature that isn’t included in a standar... 詳細情報
DOM Traversal
The latest Platform Preview Build includes two great interoperable features for ... 詳細情報
Exploring IE9's Enhanced DOM Capabilities
For IE9 Platform Preview 4, we significantly re-architected how the Chakra JavaS... 詳細情報
DOM Range and HTML5 Selection
IE9 includes two new features that are great for web developers writing same mar... 詳細情報
Native XMLHTTP
New scriptable native version of XHLHTTP.
What’s New in JScript for IE8 Beta 2
Discussion of the IE Beta 2 enhancements and improvements of the scripting engin... 詳細情報
The Internet Explorer 8 User-Agent String
A discussion of the updated User-Agent String in IE8.
Updates for AJAX in IE8 Beta 2
Information on the latest round of enhancements for using AJAX in the browser.
Securing Cross Site XMLHttpRequest
A short discussion with links to sources of information on properly securing thi... 詳細情報
Native JSON in IE8
Internet Explorer 8, as of Beta 2, offers native JSON parsing and serialization.... 詳細情報
Introducing the IE8 Developer Tools JScript Profiler
The JScript Profiler in Developer Tools helps identify and fix performance relat... 詳細情報
Ending Expressions
CSS expressions are no longer supported in IE8 standards mode. This post describ... 詳細情報
Enabling Mashups in Internet Explorer 8 with Cross Document Messaging
Introduction to Cross-Document Messaging, a new IE8 feature that enables safer m... 詳細情報

テクニカル記事 (英語)

Internet Explorer ガイド - JavaScript、AJAX、DOM

DOM Performance Tips and Tricks
As Web pages and applications become richer, more data driven, and more dynamic, the need to improve performance becomes more important. One key area where performance gains can often be achieved is when accessing and manipulating the Document Object Model (DOM).
XMLHttpRequest Enhancements in Internet Explorer 8
Internet Explorer 8 enables finer control over Asynchronous JavaScript and XML (AJAX) requests.
AJAX - Introducing Cross-domain Request (XDR)
With Cross-domain Request ("XDR") in Internet Explorer 8, developers can create cross-site data aggregation scenarios.
AJAX - Connectivity Enhancements in Internet Explorer 8
Internet Explorer 8 contains several important connectivity enhancements that can improve both the performance and functionality of Asynchronous JavaScript and XML (AJAX) and other Web applications. These enhancements include an increase in the maximum number of concurrent connections from a single host, and the addition of connectivity events.
Understanding the Event Model
An event is a notification that occurs in response to an action, such as a change in state, or as a result of the user clicking the mouse or pressing a key while viewing the document. An event handler is code, typically a function or routine written in a scripting language, that receives control when the corresponding event occurs. The following topics describe events and event handlers and explain how to use them in your documents.
Using HTML Components to Implement DHTML Behaviors in Script
As of Microsoft Internet Explorer 5, script developers can use HTML Component (HTC) or Microsoft Windows Script Component (WSC) to implement their own DHTML behaviors in script, using Visual Basic Scripting Edition (VBScript), Microsoft JScript (compatible with ECMA 262 language specification), or any third-party scripting language that supports the Microsoft ActiveX Scripting interfaces. This article outlines the steps for using HTC files to create behaviors in script.
Using DHTML Behaviors
Applying a behavior to an element is as easy as attaching a style to an element on a page. This article covers the different approaches and considerations to applying a behavior to standard HTML elements. In addition, it presents some interesting applications of behaviors in Microsoft Internet Explorer 5 and later.
Scripting with Elements and Collections
Every HTML document consists of a combination of HTML tags and their attributes. These elements define the structure of the document and determine how the content is presented. Using the Dynamic HTML (DHTML) Object Model, you can examine and modify these elements and their modifying attributes.
Profiling Script with the Developer Tools
The Internet Explorer 8 Developer Tools provide a built-in script profiler that enables you to profile the Microsoft JScript code running in Internet Explorer. This document outlines the high-level features of the script Profiler.
Introduction to Dynamic Styles
Because the Dynamic HTML (DHTML) Document Object Model (DOM) makes every HTML element and attribute accessible, it is easy to use scripts to dynamically read and change styles. The following section describes dynamic styles and provides a general explanation of how to use the object model to examine and modify styles.
Introduction to Dynamic HTML
Dynamic HTML (DHTML) is a set of innovative features originally introduced in Microsoft Internet Explorer 4.0. By enabling authors to dynamically change the rendering and content of a Web page as the user interacts with it, DHTML enables authors to create visually compelling Web sites without the overhead of server-side programs or complicated sets of controls to achieve special effects.
JScript User's Guide
These sections provide information about how to use JScript and how to construct and use regular expressions.
Introduction to DOM Storage
The DOM Storage API includes two related mechanisms for persisting client-side data in a secure manner using the Document Object Model (DOM), sessionStorage and localStorage. These objects were introduced in Internet Explorer 8.
Introduction to Selectors API
This article describes the W3C Selectors API and how it enables you to use Cascading Style Sheets (CSS) selectors to select objects in JavaScript applications.
Introducing AJAX Navigations
Internet Explorer 8 introduces Asynchronous JavaScript and XML (AJAX) Navigations. These features are designed to help alleviate the frustration of end users with AJAX-enabled Web sites that are not navigable through the Back and Forward buttons, and that do not update the browsing history. With just a few simple lines of script, you can add AJAX Navigations to your Web site, making the navigation of your AJAX-enabled content as smooth and seamless as "traditional" navigation.

ページのトップへ

ビデオ (英語)

Internet Explorer ガイド - JavaScript、AJAX、DOM

JavaScript Profiler
In this video, Matt Hester demonstrates Internet Explorers 8’s built-in JavaScript profiler, allowing developers to improve and streamline their JS-based applications.
JavaScript Profiler
In this video, Matt Hester demonstrates Internet Explorers 8’s built-in JavaScript profiler, allowing developers to improve and streamline their JS-based applications.
Debugging JavaScript
In this video, Matt Hester shows Internet Explorer 8’s built-in developer tools and how to use them to effectively debug JavaScript.
Debugging JavaScript
In this video, Matt Hester shows Internet Explorer 8’s built-in developer tools and how to use them to effectively debug JavaScript.
Mutable DOM Prototypes
In this video, Matt Hester shows how Internet Explorer 8’s support for Mutable DOM Prototypes allows developers to manipulate and extend the functionally of DOM objects.
Mutable DOM Prototypes
In this video, Matt Hester shows how Internet Explorer 8’s support for Mutable DOM Prototypes allows developers to manipulate and extend the functionally of DOM objects.
Increased Security Using Cross Document Messaging (XDM)
In this video, Matt Hester focuses on Internet Explorer 8’s new security enhancement of Cross Document Messaging (XDM), to enable more security and functionally into web mashups.
Increased Security Using Cross Document Messaging (XDM)
In this video, Matt Hester focuses on Internet Explorer 8’s new security enhancement of Cross Document Messaging (XDM), to enable more security and functionally into web mashups.
Internet Explorer 8 Developer Series Overview
In this video, Matt Hester describes the main topics covered in the video series, including CSS 2.1 and 3.0 features, HTML 5, Native JSON, Selectors, AJAX Navigation and Developer tools.
Developing Securely with Cross-Site Scripting (XSS) Filter
In this video, Matt Hester showcases Internet Explorer 8’s built-in Cross-Site Scripting (XSS) filtering that will help limit the effectiveness of “Type-1” or reflective XSS attacks.
Internet Explorer 8 Developer Series Overview
In this video, Matt Hester describes the main topics covered in the video series, including CSS 2.1 and 3.0 features, HTML 5, Native JSON, Selectors, AJAX Navigation and Developer tools.
Developing Securely with Cross-Site Scripting (XSS) Filter
In this video, Matt Hester showcases Internet Explorer 8’s built-in Cross-Site Scripting (XSS) filtering that will help limit the effectiveness of “Type-1” or reflective XSS attacks.
getAttribute & setAttribute
In this video, Matt Hester demonstrates Internet Explorer 8’s improvements for the methods getAttribute and setAttribute over previous versions of Internet Explorer.
Cross Domain Requests (xdr)
In this video, Matt Hester demonstrates how Internet Explorer 8 uses cross domain requests over merging scripts from 3rd party applications to secure communication in mashups.
Cross Document Messaging (xdm)
In this video, Matt Hester demonstrates how Internet Explorer 8 uses cross document messaging over using IFRAMES for mashups to provide secure communication with more functionality and ease of use.

ページのトップへ

ページのトップへ

評価してください: