இந்த இடுகை சாளரத்தின் செயல்பாட்டை நிரூபிக்கிறது ' நகர்வு() ” ஜாவாஸ்கிரிப்டில் முறை.
சாளரம் 'moveTo()' முறை என்றால் என்ன?
ஜன்னல் ' நகர்வு() ” முறையானது சாளரத்தை அதன் கிடைமட்ட மற்றும் செங்குத்து ஆயங்களைக் குறிப்பிடுவதன் மூலம் விரும்பிய நிலைக்கு நகர்த்துகிறது. பயனரின் தேவைகளுக்கு ஏற்ப ஒரு குறிப்பிட்ட நிலையில் உருவாக்கப்பட்ட அல்லது திறக்கப்பட்ட சாளரத்தின் இயக்கத்தை இது அனுமதிக்கிறது.
தொடரியல்
ஜன்னல். நகர்த்துவதற்கு ( x,y )
இந்த தொடரியல்:
- எக்ஸ்: இது சாளரத்தின் கிடைமட்ட ஆயங்களை பிக்சல்களில் பிரதிபலிக்கிறது.
- மற்றும்: இது சாளரத்தின் செங்குத்து ஆயங்களை பிக்சல்களில் குறிக்கிறது.
மேலே வரையறுக்கப்பட்ட சாளரத்தைப் பயன்படுத்துவோம் ' நகர்வு() ” முறை தொடரியல் நடைமுறையில்.
எடுத்துக்காட்டு: ஒரு குறிப்பிட்ட இடத்தில் ஒரு சாளரத்தை நகர்த்துவதற்கான 'moveTo()' முறையின் சாளரத்தைப் பயன்படுத்துதல்
இந்த உதாரணம் பயன்படுத்துகிறது ' நகர்வு () 'உருவாக்கப்பட்ட சாளரத்தை ஒரு குறிப்பிட்ட நிலைக்கு நகர்த்துவதற்கான முறை.
HTML குறியீடு
முதலில், கூறப்பட்ட HTML குறியீட்டை மேலோட்டமாகப் பார்க்கவும்:
< h2 பாணி = 'நிறம்:பச்சை;' > ஜன்னல் நகர்த்துவதற்கு ( ) முறை h2 >
< ப > உருவாக்கப்பட்டதை நகர்த்தவும் 'புதிய சாளரம்' நிலைக்கு 700 எக்ஸ் 200 : ப >
< பொத்தானை கிளிக் செய்யவும் = 'myFunc()' > நகர்வு 'புதிய சாளரம்' பொத்தானை >
மேலே உள்ள குறியீடு தொகுதியில்:
- ' ' குறிச்சொல் ' ஐப் பயன்படுத்தி குறிப்பிட்ட உரை வண்ணத்தின் நிலை 2 துணைத் தலைப்பை உருவாக்குகிறது பாணி ” பண்பு.
- ' ” குறிச்சொல் கூறப்பட்ட பத்தி அறிக்கையைச் சேர்க்கிறது.
- ' <பொத்தான்> 'குறிச்சொல்' உடன் ஒரு பொத்தானை உருவாக்குகிறது கிளிக் செய்யவும் ”பொத்தான் கிளிக் செய்வதன் மூலம் “myFunc()” செயல்பாட்டை அணுகும் நிகழ்வு.
ஜாவாஸ்கிரிப்ட் குறியீடு
இப்போது, பின்வரும் ஜாவாஸ்கிரிப்ட் குறியீட்டைக் கவனியுங்கள்:
< கையால் எழுதப்பட்ட தாள் >செயல்பாடு myFunc ( ) {
var mywindow = ஜன்னல். திறந்த ( '' , 'புதிய சாளரம்' , 'அகலம்=400, உயரம்=300' ) ;
என் ஜன்னல். ஆவணம் . எழுது ( '
இந்தச் சாளரத்தின் பெயர்:'
+ என் ஜன்னல். பெயர் + '' ) ;என் ஜன்னல். நகர்த்துவதற்கு ( 700 , 200 ) ;
}
கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீடு துணுக்கில்:
- ' என்றழைக்கப்படும் ஒரு செயல்பாட்டை வரையறுக்கவும் myFunc() ”.
- செயல்பாட்டு வரையறையில், மாறி ' என் ஜன்னல் 'சாளரத்தைப் பயன்படுத்துகிறது' திறந்த () '' என்ற பெயரில் ஒரு புதிய சாளரத்தை உருவாக்கும் முறை புதியது ஜன்னல் 'குறிப்பிட்ட பரிமாணங்கள் அதாவது, அகலம் மற்றும் உயரம் கொண்டது.
- ' document.write() ”முறையானது, புதிதாக உருவாக்கப்பட்ட சாளரத்தில் குறிப்பிடப்பட்ட பத்தியை எழுதுவதற்கு “mywindow” மாறியுடன் தொடர்புடையது, பின்னர் சாளரத்தின் பெயரை “ window.பெயர் ”சொத்து.
- இறுதியாக, ' நகர்வு() ” முறையானது, புதிதாக உருவாக்கப்பட்ட சாளரத்தை குறிப்பிட்ட நிலையில் நகர்த்த, முறையே விரும்பிய “கிடைமட்ட” மற்றும் “செங்குத்து” ஆயங்களை அதன் வாதங்களாகக் குறிப்பிடுகிறது.
வெளியீடு
இந்த வெளியீட்டில் பகுப்பாய்வு செய்யப்பட்டுள்ளபடி, புதிதாக உருவாக்கப்பட்ட சாளரம் சாளரத்தைப் பயன்படுத்தி குறிப்பிட்ட நிலைக்கு நகர்த்தப்பட்டது ' நகர்வு() பொத்தான் கிளிக் மீது முறை.
முடிவுரை
ஜாவாஸ்கிரிப்ட் சாளரத்தை வழங்குகிறது ' நகர்வு() கிடைமட்ட மற்றும் செங்குத்து ஆயங்களைக் குறிப்பிடுவதன் மூலம் ஒரு குறிப்பிட்ட நிலையில் சாளரத்தை நகர்த்துவதற்கான முறை. இது புதிய சாளரத்தை எந்த குறிப்பிட்ட நிலைக்கும் நகர்த்த உதவுகிறது. இருப்பினும், புதிதாக உருவாக்கப்பட்ட சாளரத்தை '' ஐப் பயன்படுத்தி திறக்க முடியும். window.open() ”முறை. இந்த இடுகை ஜாவாஸ்கிரிப்டில் உள்ள விண்டோ “moveTo()” முறையை விளக்குகிறது.