வேர்ட்பிரஸ் இடுகையில் ஜாவாஸ்கிரிப்ட் குறியீட்டை எவ்வாறு சேர்ப்பது?

முறையாக கற்றார்ஆதொழில்நுட்பம்எஸ்சிஓஜாவாஸ்கிரிப்ட் நிரல்களை எப்படி எளிதாகப் பயன்படுத்துவது என்பது நிபுணர்களுக்குத் தெரியும்.

இணையத்தில் மற்றவர்களால் பகிர்ந்து கொள்ள எளிதான பல ஜாவாஸ்கிரிப்ட் குறியீடுகள் உள்ளன.

உன்னால் முடிந்தால்வேர்ட்பிரஸ்கட்டுரையில் JS குறியீட்டைச் சேர்ப்பது நிச்சயமாக கட்டுரையை வண்ணமயமாக்கும்.

வேர்ட்பிரஸ் கட்டுரைகளில் JS குறியீட்டை எவ்வாறு சேர்ப்பது

ஒரு வேர்ட்பிரஸ் இடுகையில் ஜாவாஸ்கிரிப்ட் குறியீட்டைச் சேர்ப்பது மிகவும் எளிது.

அடுத்தது,சென் வெலியாங்உங்களுடன் பகிர்ந்து கொள்வேன்:வேர்ட்பிரஸ் இடுகைகளில் ஜாவாஸ்கிரிப்ட் குறியீட்டை எவ்வாறு சேர்ப்பது?

JS குறியீட்டைச் சேர்க்க பொதுவாக 2 வழிகள் உள்ளன:

1. வேர்ட்பிரஸ் இடுகைகளில் நேரடியாக JS குறியீட்டைச் சேர்க்கவும்
2. JS கோப்பை எழுதிய பிறகு வேர்ட்பிரஸ் கட்டுரையில் JS குறியீட்டை அழைக்கவும்

1) வேர்ட்பிரஸ் இடுகையில் நேரடியாக JS குறியீட்டைச் சேர்க்கவும்

முதல் முறை, வேர்ட்பிரஸ் இடுகையில் நேரடியாக ஜாவாஸ்கிரிப்டை எழுதுவது.

"ஹலோ வேர்ல்ட்!" ▼ என்ற உரையை அச்சிடுவதற்கான எடுத்துக்காட்டு இங்கே

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

இது ஒரு வேர்ட்பிரஸ் இடுகையில் உள்ளது, இது ஜாவாஸ்கிரிப்டை இயக்கிய பிறகு "ஹலோ வேர்ல்ட்!" என்பதைக் காட்டுகிறது ▼

2) JS கோப்பை எழுதிய பிறகு, வேர்ட்பிரஸ் கட்டுரையில் உள்ள JS குறியீட்டை அழைக்கவும்

இரண்டாவது வழி, ஜாவாஸ்கிரிப்ட் குறியீட்டை ஒரு தனி கோப்பில் எழுதவும்.

ஜாவாஸ்கிரிப்ட் செருக வேண்டிய வேர்ட்பிரஸ் இடுகையில், வேர்ட்பிரஸ் உரை எடிட்டர் மூலம் ஜாவாஸ்கிரிப்ட் கோப்பை அழைக்கவும்.

பின்வரும் உதாரணம் ஒரு வேர்ட்பிரஸ் இடுகையில் "ஹலோ வேர்ல்ட்" உரையை அச்சிடுகிறது ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

JavaScript கோப்பின் உள்ளடக்கம் hello.js ▼

document.write("Hello World");

வேர்ட்பிரஸ் இடுகையில் ஜாவாஸ்கிரிப்ட் குறியீட்டைச் சேர்ப்பது முடிவுகளைக் காட்டுகிறது ▼

இன்றைய தேதிக்கான JS குறியீட்டை WordPress அழைக்கிறது

இணையத்தில் நிறைய வேடிக்கையான மற்றும் பயனுள்ள ஜாவாஸ்கிரிப்ட் குறியீடு உள்ளது.

இப்போது அவற்றை எவ்வாறு பயன்படுத்துவது என்பதற்கு ஒரு உதாரணம் கொடுங்கள்?

இன்றைய தேதியை WordPress இடுகைகளில் அச்சிடுங்கள்.

பின்வரும் JavaScript date.js கோப்பை உங்கள் வேர்ட்பிரஸ் இடுகையில் செருகவும் ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

date.js கோப்பு ▼ இன் JavaScript உள்ளடக்கம் கீழே உள்ளது

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

ஜாவாஸ்கிரிப்ட் இன்றைய தேதியை ஒரு வேர்ட்பிரஸ் இடுகையில் செயல்படுத்தியதன் முடிவு ▼

இந்தக் கட்டுரையில் செயல்படுத்தப்பட்ட JavaScript கோப்பு date.js இன் முடிவு கீழே உள்ளது ▼

முன்னெச்சரிக்கைகள்

ஒரு இடுகையில் JS குறியீட்டைச் செருக, நீங்கள் வேர்ட்பிரஸ் எடிட்டரை உரை பயன்முறைக்கு மாற்ற வேண்டும்.

சிறப்பு கவனம்和之间不能有换行。

வரி முறிவு ஏற்பட்டால், வேர்ட்பிரஸ் தானாகவே அதை ஒரு பத்தியாகச் செயலாக்கும், மேலும் JS ஸ்கிரிப்ட் குறியீட்டை தோல்வியடையச் செய்யும் p குறிச்சொல்லை தானாகவே சேர்க்கும்.

வேர்ட்பிரஸ் ஜாவாஸ்கிரிப்ட் குறியீடு பற்றிய கூடுதல் கட்டுரைகள் இங்கே உள்ளன ▼

கட்டுரைப் பக்கங்கள் JavaScript/CSS குறியீட்டை ஏற்றுவதை வேர்ட்பிரஸ் எவ்வாறு குறிப்பிடுகிறது?

ஒரு வேர்ட்பிரஸ் தீம் தயாரிக்கும் போது, ​​ஒரு குறிப்பிட்ட ஜாவாஸ்கிரிப்ட் அல்லது CSS குறியீடு இருந்தால், அது வேர்ட்பிரஸில் ஒரு குறிப்பிட்ட பக்கத்தில் தோன்றினால், அது ஒரு முறை மட்டுமே பயன்படுத்தப்படும்.குறியீட்டை எங்கு வைக்க வேண்டும்? Style.css அல்லது base.js?ஆனால் அதற்கான செலவு சற்று அதிகம். ...

பக்க ரெண்டரிங் வேகத்தை அதிகரிக்க வேர்ட்பிரஸ் சோம்பேறியாக ஜாவாஸ்கிரிப்டை ஏற்றுவது எப்படி?

வேர்ட்பிரஸ் சோம்பேறி-பக்க ரெண்டரிங் முறைகளை விரைவுபடுத்த ஜாவாஸ்கிரிப்டை ஏற்றுகிறது.JavaScript இன் Defer சொத்து என்றால் என்ன?எல்லோரும் ஒருவேளை இந்த சூழ்நிலையை சந்தித்திருக்கலாம்: தலையில் N ஸ்கிரிப்டுகள் உள்ளன, மற்றும் ஸ்கிரிப்டுகள் ஏற்றப்படும் போது, ​​பக்க ஒழுங்கமைவு தடுக்கப்பட்டது, இது பொதுவாக காலியாக இருக்கும். ...

வேர்ட்பிரஸ் ஜாவாஸ்கிரிப்டை எவ்வாறு சரியாக அறிமுகப்படுத்துகிறது?JS மற்றும் CSS கோப்புகளைத் தனிப்பயனாக்குதல்

வேர்ட்பிரஸ் மூலம் வலைத்தளங்களை உருவாக்கும் புரோகிராமர்கள், வேர்ட்பிரஸ் செருகுநிரல்களை உருவாக்கும்போது அல்லது வேர்ட்பிரஸ் தீம்களைத் தனிப்பயனாக்கும்போது சில ஜாவாஸ்கிரிப்ட் மற்றும் சிஎஸ்எஸ் ஸ்கிரிப்ட் ஆதாரங்களைக் குறிப்பிடுகின்றனர்.பொதுவாக, மக்கள் HTML க்கு நேரடியாக இணைப்பு, ஸ்கிரிப்ட் குறிச்சொற்களைப் பயன்படுத்துகின்றனர்.உண்மையில், வேர்ட்பிரஸ்ஸில்…