<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/main.xsl"?>
<b:blog xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://blog.othree.net"  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://blog.othree.net http://blog.othree.net/blooog.xsd">
	<b:blogTitle>O3noBLOG</b:blogTitle>
	<b:blogDescription></b:blogDescription>
	<b:entries>
		<b:entriesMeta>
			<b:listType>s</b:listType>
			<b:listData listID="000466" baseName="unobtrusive-javascript">不亂入的javascript</b:listData>

			<b:previous>
				<b:mTitle>web-kit支援網路字型</b:mTitle>
				<b:mDate>2007/10/05</b:mDate>
				<b:mBase>web-kit-support-web-fonts</b:mBase>
			</b:previous>


			<b:next>
				<b:mTitle>divitis</b:mTitle>
				<b:mDate>2007/10/11</b:mDate>
				<b:mBase>divitis</b:mBase>
			</b:next>

		</b:entriesMeta>
		<b:entry entryID="000466" baseName="unobtrusive-javascript">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-10-10</b:date>
				<b:time>22:08:29</b:time>
			</b:datetime>
			<b:category>script</b:category>

			<b:CommentsAccepted>1</b:CommentsAccepted>



			<b:PingsAccepted>1</b:PingsAccepted>


			<b:title>不亂入的javascript</b:title>
			<b:content>
				<b:summary>在Web Accessibility第十章裡談的是JavaScript的親和力問題，我看之前其實就在懷疑JavaScript要如製造親和力，果不其然，這章主要是在說JavaScript套用到網頁時，要注意哪些地方，避免影響到親和力，例如彈出式視窗的連結目標不要用javascript://，而是開啟網頁的真正位置，而考量到各種狀況，其中很重要的一部份是unobtrusive JavaScript（譯做不亂入的JavaScript），不過要先強調的是這只是其中一部分，還有一些觀念和思考方向本文沒說。 Unobtrusive JavaScript不是什麼新的語言，而是JavaScript的一種撰寫風格（coding style），最大的特色是在HTML的原始碼內你看不到JavaScript程式碼，不會有像是&lt;a href=&quot;#&quot; onclick=&quot;return popup();&quot;/&gt;這樣的東西出現，取而代之的，如果要對特定物件指定事件，那就用DOM來尋找你的目標物件，整個HTML文件保持在沒有JavaScript也是功能完整的狀況。 這樣的撰寫風格可以確保不會影響到使用不支援JavasSript瀏覽器的訪客，也可以讓HTML文件和JavaScript分的更徹底，方便更新維護，好處不少，不過相對的要能完全寫到不亂入，也會需要較多的學習。...</b:summary>
				<b:mainContent><p>在Web Accessibility第十章裡談的是JavaScript的親和力問題，我看之前其實就在懷疑JavaScript要如製造親和力，果不其然，這章主要是在說JavaScript套用到網頁時，要注意哪些地方，避免影響到親和力，例如彈出式視窗的連結目標不要用<code>javascript://</code>，而是開啟網頁的真正位置，而考量到各種狀況，其中很重要的一部份是unobtrusive JavaScript（譯做不亂入的JavaScript），不過要先強調的是這只是其中一部分，還有一些觀念和思考方向本文沒說。</p>

<p>Unobtrusive JavaScript不是什麼新的語言，而是JavaScript的一種撰寫風格（coding style），最大的特色是在HTML的原始碼內你看不到JavaScript程式碼，不會有像是<code>&lt;a href=&quot;#&quot; onclick=&quot;return popup();&quot;/&gt;</code>這樣的東西出現，取而代之的，如果要對特定物件指定事件，那就用DOM來尋找你的目標物件，整個HTML文件保持在沒有JavaScript也是功能完整的狀況。</p>

<p>這樣的撰寫風格可以確保不會影響到使用不支援JavasSript瀏覽器的訪客，也可以讓HTML文件和JavaScript分的更徹底，方便更新維護，好處不少，不過相對的要能完全寫到不亂入，也會需要較多的學習。</p></b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>
			<b:comments commentCount="3">

				<b:comment commentID="030599" entryID="000466">
					<b:author>
						<b:authorName>alicekey</b:authorName>
						<b:authorEmail>alicekey@gmail.com</b:authorEmail>
						<b:authorUrl>http://alicekey.wordpress.com/</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-10-12</b:date>
						<b:time>07:10:46</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>「也會需要"叫"多的學習。」應該是錯字。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="030616" entryID="000466">
					<b:author>
						<b:authorName>OOO</b:authorName>
						<b:authorEmail>othree@gmail.com</b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-10-12</b:date>
						<b:time>13:31:06</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>已修正^^b</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="031566" entryID="000466">
					<b:author>
						<b:authorName>blackbing</b:authorName>
						<b:authorEmail>blackbing.yan@m2k.com.tw</b:authorEmail>
						<b:authorUrl>http://www.wretch.cc/blog/blackbing</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-10-26</b:date>
						<b:time>17:14:12</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>可以參考Core.js，simply javascript 這本書有詳細的介紹，就像您說的「不亂入」的javascript 。http://www.wretch.cc/blog/blackbing&amp;article_id=11905857</p></b:mainContent>
					</b:content>
				</b:comment>

			</b:comments>
			<b:trackbacks trackbackCount="0" trackbackURL="http://othree.net/cgi-bin/mt/mt-tb.cgi/465">

			</b:trackbacks>
		</b:entry>
	</b:entries>
</b:blog>