HTML DOM Source Object

Previous >    <Next  

‎شئ منبع ـSource Object

‎شئSourceمنتسب با يك عنصرHTML ‎<source>‎ ميباشد .باشئSource ‎ميتوان عنصرHTML ‎<source>‎صفحه را بصورت اقدامات شئ گرائي مديريت كرد. ‎عنصر‎<source>‎ براي تعريف يك منبع رسانه اي استفاده ميشود.

‎دسترسي به شئSource

‎با متد‎getElementById()‎‎ ميتوان بعنصرHTML ‎<source>‎ دسترسي ‎پيداكرد.

‎مثال ـ دسترسي به عنصرHTML ‎<source>‎ باid="mySource‎"‎ 

var x = document.getElementById("mySource");

--(go to editor for change code and run)

‎ايجاد شئSource

‎با متد‎document.createElement()‎‎ ميتوان شئSource را ايجاد نمود.

‎مثال ـ ايجاد شئSource 

var x = document.createElement("SOURCE");

--(go to editor for change code and run)

‎ويژگي هاي شئSource

‎ويژگي ‎شرح
media ‎مقدار ويژگيmedia عنصر‎<source>‎ را تنظيم ويا برگشت ميدهد .
src ‎مقدار ويژگيsrc عنصر‎<source>‎ را تنظيم ويا برگشت ميدهد.
type ‎مقدار ويژگيtype عنصر‎<source>‎ را تنظيم ويا برگشت ميدهد.

‎ويژگيSource media

‎ويژگيSource media ويژگيmedia عنصرHTML‎<source>‎ مرتبط باشئ ‎فوق راتنظيم ويا برگشت ميدهد .اين ويژگي نوع رسانه عنصر‎<source>‎ ‎را مشخص ميكند.

‎مثال ـ مشخص ميكند كه يك فايل خاص براي چهmedia/device بهينه شده است .

var x = document.getElementById("mySource").media;

--(go to editor for change code and run)

‎ويژگيmedia نوع منبع رسانه را مشخص ميكند .يعنيmedia/device رامشخص ميكند . مرورگر ‎ميتواند از اين ويژگي استفاده كرده كه آيا فايل ميتواند پخش شود يانه .اگر نميتواند يخش كند ‎آنرا دانلود ننمايد..

‎توجه ـ ويژگيHTML media در هيچ يك از مرورگرهاي اصلي پشتيباني نميشود .

‎فرمت استفاده ـsytax

‎فرمت برگشت
sourceObject.media

‎فرمت تنظيم ويژگي
sourceObject.media=value

‎توجه ـ اين ويژگي ميتواند جندين مقدار بپذيرد.

‎عملگرهاي احتمالي ـPossible Operators

‎مقدار ‎شرح
and ‎يك عملگرAND را مشص ميكند
not ‎يك عملگرNOT رامشخص ميكند .
. ‎يك عملگرOR زا مشخص ميكند .

‎دستگاها ـDevices

‎مقدار ‎شرح
all ‎مناسب براي همه دستگاها كه پيش فرض است
aural ‎سينت سايزرهاي گفتار‎(speech Synthesizers)‎
braille ‎دستگاهاي باز خورد خط بريل
handheld ‎دستگاهاي دستي‎)‎ صفحه نمايش كوچك ، پهناي باند محدود)
projection ‎پروژكتورها
print ‎چاپ صفخه‎/‎ نمايش چاپ صفحه
screen ‎صفحه نمايش كامپيوتر
tty ‎تله تايپ ها ورسانه هاي مشابه بااستفاده از شبكه كاراكتر با گام ثابت
tv ‎دستگاهاي نوع تلويزيون‎)‎ رزولوشن كم وتوانائي اسكرول محدود)

‎مقادير ـValues

‎مقدار ‎شرح
width ‎عرض ناحيه نمايش هدف را مشخص ميكند.
‎ميتوان از پيشوند‎‎"min-‎"‎ و‎‎"max-‎"‎ استفاده كرد .
example : media="screen and (min-width:500px)"
height ‎ارتفاع ناحيه نمايش هدف را مشخص ميكند.
‎ميتوان از پيشوند‎‎"min-‎"‎ و‎‎"max-‎"‎ استفاده كرد .
example : media="screen and (max-heith:700px)"
device-width ‎عرض صفحه نمايش‎/‎ كاغذ مورد نظر را مشخص ميكند.
‎ميتوان از پيشوند‎‎"min-‎"‎ و‎‎"max-‎"‎ استفاده كرد .
example : media= "screen and (device-width:500px)"
device-height ‎ارتفاع صفحه نمايش‎/‎ كاغذ مورد نظر را مشخص ميكند.
‎ميتوان از پيشوند‎‎"min-‎"‎ و‎‎"max-‎"‎ استفاده كرد .
example : media= "screen and (device-height:500px)"
orientation ‎جهت نمايش‎/‎ كاغذ مورد نظر را مشخص ميكند.
‎مقادير‎‎"portrail‎"‎ و‎‎"landscape‎"‎
example : media= "all and (orintation: landscape)"
aspect-ratio ‎نسبت عرض‎/‎ ارتفاع ناحيه نمايش مورد نظر را مشخص ميكند .
‎ميتوان از پيشوند‎‎"min-‎"‎ و‎‎"max-‎"‎ استفاده كرد .
example : media= "screen and (aspect-ratio :16/9)"
device-aspect-ratio ‎نسبت عرض دستگاه‎/‎ارتفاع دستگاه مورد نظر را مشخص ميكند.
‎ميتوان از پيشوند‎‎"min-‎"‎ و‎‎"max-‎"‎ استفاده كرد .
example : media= "screen and (aspect-ratio :16/9)"
color ‎بيت هارا در هررنگ نمايش هدف مشخص ميكند.
‎ميتوان از پيشوند‎‎"min-‎"‎ و‎‎"max-‎"‎ استفاده كرد .
example : media= "screen and (color :3)"
color-index ‎تعداد رنگ هائي را كه نمايشگر هدف ميتواند اجراكند رامشخص ميكند.
‎ميتوان از پيشوند‎‎"min-‎"‎ و‎‎"max-‎"‎ استفاده كرد .
example : media= "screen and (min-color-index :256)"
monochrome ‎بيت هاي هر پيكسل را در بافر فريم تك رنگ مشخص ميكند.
‎ميتوان از پيشوند‎‎"min-‎"‎ و‎‎"max-‎"‎ استفاده كرد .
example : media= "screen and (monochrome :2)"
resolution ‎تراكم پيكسلي‎dpcm or dpi)‎ صفحه‎/‎ كاغذ مورد نظر را مشخص ميكند.
‎ميتوان از پيشوند‎‎"min-‎"‎ و‎‎"max-‎"‎ استفاده كرد .
example : media= "print and (resolution :300dpi)"
scan ‎روش اسكن نمايشگر تلويزيون را مشخص ميكند.
‎مقادير ممكن‎‎"progressive‎"‎ و ‎‎"interlace‎"‎
example : media= "tv and (scan: interlace)"
grid ‎مشخص ميكند كه دستگاه خروجي شبكه اي يا بيت مپي است
‎مقادير ممكن‎‎"1‎"‎ براي شبكه اي و ‎‎"0‎"‎ براي سايرين
example: media= "handheld and (gid:1)"

‎ويژگيSource src

‎ويژگيSource src ويژگيsrc عنصرHTML‎<source>‎ مرتبط باشئ ‎فوق راتنظيم ويا برگشت ميدهد .اين ويژگي آدرسurl فايل عنصر‎<source>‎ ‎را مشخص ميكند.

مثال ـ برگشت آدرس يوآرال فايل رسانه

var x = document.getElementById("mySource").src;

--(go to editor for change code and run)

‎فرمت استفاده ـsytax

‎فرمت برگشت
sourceObject.src

‎فرمت تنظيم ويژگي
sourceObject.src=URL

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
URL ‎آدرسURL فايل رسانه رامشخص ميكند
‎مقادير ممكن:
  • ‎يكurl مطلق ـ كه به سايت ديگري اشاره دارد .
    src="http://www.examplecom/default.gif"
  • ‎آدرسurl نسبي ـ اشاره به داخل سايت جاري دارد .
    src="default.gif"

‎ويژگيSource type

‎ويژگيSource type ويژگيmedia عنصرHTML‎<source>‎ مرتبط باشئ ‎فوق راتنظيم ويا برگشت ميدهد .اين ويژگي نوعMIME عنصر‎<source>‎ يا منبع رسانه ‎را مشخص ميكند.

‎مثال ـ نوعMIME منبع رسانه را برگشت ميدهد .

var x = document.getElementById("mySource").type;

--(go to editor for change code and run)

‎فرمت استفاده ـsytax

‎فرمت برگشت
sourceObject.type

‎فرمت تنظيم ويژگي
sourceObject.type=MIME_type

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
MIME_type ‎نوعMIME_type منبع رسانه را مشخص ميكند .
‎نوعMIME_type رايج براي ويديو
  • video/ogg
  • video/mp3
  • video/webm
‎مقادير براي اديو
  • audo/ogg
  • audio/mpeg

‎شئSource از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.

‎صفحات مرتبط

HTML <source> Tag

Previous >    <Next