ফুটারে কপিরাইটের তারিখটি শক্তভাবে কোড করা হয়েছে এমন কয়েকশ স্থিতিক HTML পৃষ্ঠা আপডেট করতে হবে। আমি এটি কয়েকটি জাভাস্ক্রিপ্টের সাথে প্রতিস্থাপন করতে চাই যা প্রতিবছর স্বয়ংক্রিয়ভাবে আপডেট হবে।
বর্তমানে আমি ব্যবহার করছি:
<script type="text/javascript">var year = new Date();document.write(year.getFullYear());</script>এটি যতটা সংক্ষিপ্ত তা পায়?
উত্তর:
এখানে আমি এটি পেতে পারি সবচেয়ে স্বল্পতম:
<script>document.write(new Date().getFullYear())</script>এটি সমস্ত ব্রাউজারে কাজ করবে যা আমি পেরিয়েছি।
আমি কীভাবে সেখানে পৌঁছেছি:
getFullYearনতুন তৈরির জন্য সরাসরি কল করতে পারেন Date, ভেরিয়েবলের প্রয়োজন নেই। new Date().getFullYear()কিছুটা অদ্ভুত লাগলেও এটি নির্ভরযোগ্য: new Date()অংশটি প্রথমে সম্পন্ন হয়, তারপর .getFullYear()।type, কারণ জাভাস্ক্রিপ্টটি ডিফল্ট; এমনকি এটি এইচটিএমএল 5 স্পেসিফিকেশনের অংশ হিসাবে নথিভুক্ত করা হয়েছে , যা সম্ভবত ব্রাউজারগুলি ইতিমধ্যে যা করছে তা লিখে রাখবে ।এটি লক্ষ করা গুরুত্বপূর্ণ যে এটি কেবল ব্রাউজারগুলিতে কাজ করে যেখানে জাভাস্ক্রিপ্ট সক্ষম করা আছে। আদর্শভাবে, এটি অফলাইন ব্যাচ কাজ হিসাবে আরও ভালভাবে পরিচালনা করা হবে ( sed* নিক্সের স্ক্রিপ্ট) ইত্যাদি once তবে আপনি যদি জাভাস্ক্রিপ্ট সমাধান চান তবে আমার মনে হয় এটি যতটা সংক্ষিপ্ত হবে তেমনই সংক্ষিপ্ত। (এখন আমি গিয়েছিলাম এবং ভাগ্য প্রলুব্ধ।)
document.writeপ্রাথমিক পার্সিং পর্যায়ে ইনলাইন সামগ্রীর জন্য ব্যবহার করতে পারেন (উপরে দেখানো হিসাবে, একটিতে<script>...</script> ট্যাগ - অথবা একটি .jsএকটি লোড ফাইল scriptট্যাগ ছাড়া defer বা async)। পৃষ্ঠাটি পুরোপুরি বিশ্লেষণ করা হলে নথির স্ট্রিমটি বন্ধ হয়ে যায় এবং document.writeএটি পুনরায় খোলে - ডকুমেন্টটিকে সম্পূর্ণ নতুন জায়গায় প্রতিস্থাপন করে। যদি প্রধান পার্সিং সম্পূর্ণ হওয়ার পরে আপনি এক বছর যুক্ত করতে চান তবে আপনি ডিওএম ব্যবহার করতে চান। (এই একটি পরিবর্তন নয়, এটা সবসময় এই ভাবে হয়েছে।)
টিজির উত্তরটি দুর্দান্ত তবে আমি এমন এক দৃশ্যে ছুটে এসেছি যেখানে আমার এইচটিএমএল ইতিমধ্যে রেন্ডার করা হয়েছিল এবং ডকুমেন্ট.উইরাইট স্ক্রিপ্টটি কেবলমাত্র তারিখের বছর সহ সমস্ত পৃষ্ঠা বিষয়বস্তুকে ওভাররাইট করে দেবে।
এই দৃশ্যের জন্য, আপনি নিম্নলিখিত কোডটি ব্যবহার করে বিদ্যমান উপাদানটিতে একটি পাঠ্য নোড যুক্ত করতে পারেন:
<div>
©
<span id="copyright">
<script>document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))</script>
</span>
Company Name
</div>createTextNode()<br>আপনি এইচটিএমএল দিয়ে নোড তৈরি করবেন কীভাবে এইচটিএমএলকে ব্যাখ্যা করে না ?
আপনি যদি ভবিষ্যতে কোনও সময়সীমার সাথে বর্তমান বছরের (উদাহরণস্বরূপ 2017) প্রারম্ভিক বছর হিসাবে অন্তর্ভুক্ত করতে চান যাতে পরের বছর এটি এর মতো প্রদর্শিত হবে: "© 2017-2018, সংস্থা",, তারপরে নীচের কোডটি ব্যবহার করুন । এটি প্রতি বছর স্বয়ংক্রিয়ভাবে আপডেট হবে:
© Copyright 2017<script>new Date().getFullYear()>2017&&document.write("-"+new Date().getFullYear());</script>, Company.© কপিরাইট 2017-2018, সংস্থা।
তবে যদি প্রথম বছর ইতিমধ্যে কেটে যায় তবে সবচেয়ে সংক্ষিপ্ত কোডটি এইভাবে লেখা যেতে পারে:
© Copyright 2010-<script>document.write(new Date().getFullYear())</script>, Company.<script type="text/javascript">document.write(new Date().getFullYear());</script>জেএস সমাধানটি দুর্দান্ত কাজ করে তবে আমি একটি সার্ভার সাইড সমাধানের জন্য পরামর্শ দেব on কয়েকটি সাইট আমি যাচাই করেছিলাম পুরো পৃষ্ঠাটি ফাঁকা হয়ে যাওয়ার বিষয়টি প্রকাশ করেছে এবং কেবল বছরটি একবারে একবারে দেখা হচ্ছে।
এর কারণ হ'ল ডকুমেন্টটি w রাইটিং আসলে পুরো ডকুমেন্টের উপরে লিখেছিল।
আমি আমার বন্ধুকে একটি সার্ভার সাইড সলিউশন বাস্তবায়ন করতে বলেছিলাম এবং এটি তার পক্ষে কাজ করে। পিএইচপি মধ্যে সহজ কোড
<?php echo date('Y'); ?>উপভোগ করুন!
document.writeএটি ডিওএম ইতিমধ্যে লোড হওয়ার পরে ব্যবহৃত হয়েছিল। সমাধানটি হ'ল document.writeসমস্ত ডিওএম লোডের পরে ব্যবহার না করা , বা আরও ভাল, মোটেও ব্যবহার না করা document.write।
এখানে চূড়ান্ততম সংক্ষিপ্ততম দায়িত্বশীল সংস্করণ যা এমনকি AD এবং BC উভয়ই কাজ করে।
[ড্রাম রোলস ...]
<script>document.write(Date().split` `[3])</script>এটাই. 6 গৃহীত উত্তরের চেয়ে কম বাইটস।
আপনার যদি ES5 সামঞ্জস্যপূর্ণ হওয়া দরকার তবে আপনি এটি নিষ্পত্তি করতে পারেন:
<script>document.write(Date().split(' ')[3])</script>খাঁটি জাভাস্ক্রিপ্ট নিয়ে কাজ করতে পারে এটি সম্পর্কে আমি ভাবতে পারি এটি সেরা সমাধান। CSS এ টার্গেট করা যায় বলে আপনি উপাদানটি স্টাইল করতে সক্ষম হবেন। বছরের পরিবর্তে কেবল যুক্ত করুন এবং এটি স্বয়ংক্রিয়ভাবে আপডেট হবে।
//Wait for everything to load first
window.addEventListener('load', () => {
//Wrap code in IIFE
(function() {
//If your page has an element with ID of auto-year-update the element will be populated with the current year.
var date = new Date();
if (document.querySelector("#auto-year-update") !== null) {
document.querySelector("#auto-year-update").innerText = date.getFullYear();
}
})();
});<div>©<script>document.write(new Date().getFullYear());</script>, Company.
</div>React.js এর জন্য, ফুটারে আমার জন্য নিম্নলিখিতটি কি কাজ করেছে ...
render() {
const yearNow = new Date().getFullYear();
return (
<div className="copyright">© Company 2015-{yearNow}</div>
);
}ক্রোম অডিট অনুসারে
ধীর সংযোগে থাকা ব্যবহারকারীদের জন্য, বাহ্যিক স্ক্রিপ্টগুলি গতিযুক্তভাবে ইনজেকশনের মাধ্যমে
document.write()পৃষ্ঠা লোডকে কয়েক সেকেন্ডের মধ্যে বিলম্ব করতে পারে।https://web.dev/no-document-write/?utm_source=lighthouse&utm_medium=devtools
ত্রুটি ছাড়াই সমাধানটি হ'ল:
(new Date).getFullYear();