როგორ დავიმალოთ javascript დეკოდერისგან. როგორ ვაჩვენოთ და დამალოთ ტექსტის ან სურათის ნაწილი html-ში JavaScript-ის გამოყენებით. რა არის Javascript

თუ JavaScript ჩართულია, თქვენ ვერ ნახავთ რაიმე ცვლილებას. მაგრამ როდესაც გამორთულია, გატეხილი ბმულის ნაცვლად, სურათი გაიხსნება ახალ ფანჯარაში.

იმისათვის, რომ ვებგვერდებმა სრულად და ოპტიმალურად იმუშაონ თქვენს ბრაუზერში, ჩართული უნდა იყოს javascript.

ჩვენ გეტყვით რა არის და როგორ ჩართოთ იგი ამ სტატიაში.

JavaScript შეიძლება ეწოდოს მრავალ პარადიგმურ ენას. მას აქვს მრავალი პროგრამირების მეთოდის მხარდაჭერა. მაგალითად, ობიექტზე ორიენტირებული, ფუნქციონალური და იმპერატიული.

ამ ტიპის პროგრამირება პირდაპირ არ არის დაკავშირებული ჯავასთან. ამ პროგრამირების ენის მთავარი სინტაქსია C ენა, ისევე როგორც C++.

ბრაუზერის ვებ გვერდების საფუძველია HTML კოდი, რომლითაც პროგრამისტები ამატებენ გვერდებს სხვადასხვა ინტერაქტიულ ელემენტებს.

თუ javascript გამორთულია ბრაუზერში, ინტერაქტიული ელემენტები არ იმუშავებს.

ამ ტიპის პროგრამირების ენა გამოჩნდა Sun Microsystems-ისა და Netscape-ის ერთობლივი მუშაობის წყალობით.

თავდაპირველად JavaScript-ს ერქვა LiveScript, მაგრამ მას შემდეგ რაც Java ენა პოპულარული გახდა პროგრამისტებში, დეველოპერულმა კომპანიებმა გადაწყვიტეს მისი სახელის გადარქმევა.

Netscape-ის მარკეტინგის განყოფილებას სჯეროდა, რომ ასეთი სახელი გაზრდიდა ახალი პროგრამირების ენის პოპულარობას, რაც, ფაქტობრივად, მოხდა.

შეგახსენებთ, რომ JavaScript პირდაპირ არ არის დაკავშირებული Java-სთან. ეს სრულიად განსხვავებული ენებია.

ამ პროგრამირების ენას აქვს შეუზღუდავი რაოდენობის შესაძლებლობები მისი მრავალფეროვნების გამო.

აპლიკაციის ძირითადი ასპექტებია მობილური აპლიკაციები სმარტფონებისთვის, საიტებისა და სერვისების ინტერაქტიული ვებ გვერდები.

ინოვაციების უმეტესი ნაწილი პროექტს შეუერთდა AJAX კომპანიას, რომელმაც უზრუნველყო დღეს ენაში გამოყენებული ფუნქციები.

ტრაფიკის დაზოგვისა და გამოყენების სიმარტივის გაზრდის მიზნით, JavaScript იძლევა შესაძლებლობას შეცვალოს საიტებისა და სერვისების გვერდები მცირე ნაწილებად, მომხმარებლის მიერ ონლაინ შეუმჩნევლად.

ეს არ საჭიროებს საიტის გამორთვას ახალი ინფორმაციის რედაქტირების ან დამატებისას.

ცვლილებები ხდება დაუყოვნებლივ, გვერდის განახლების ან გადატვირთვის გარეშე.

JavaScript ფუნქცია შეიძლება გამორთული იყოს სხვადასხვა მიზეზის გამო.

შესაძლებელია, რომ წინა მომხმარებელმა განზრახ გამორთო ის, რადგან ის არ იყო საჭირო ვებ-დათვალიერებისთვის. გამორთვა ასევე შეიძლება დამოუკიდებლად მოხდეს.

ჯავასკრიპტის გამორთვამ შესაძლოა ხელი შეუშალოს ზოგიერთი ბმულის გახსნას. ქვემოთ განვიხილავთ პოპულარულ ბრაუზერებში ამ ფუნქციის ჩართვის გზებს.

JavaScript ფუნქციის გასააქტიურებლად 22 და უფრო დაბალი ვერსიით, გადადით ინსტრუმენტთა პანელზე და აირჩიეთ მენიუს პუნქტი "პარამეტრები".

JavaScript-ის ჩასართავად გადადით "შინაარსი" განყოფილებაში, სადაც ფუნქციის გასააქტიურებლად უნდა მონიშნოთ ველი "გამოიყენე JavaScript".

ფუნქციის გამორთვისთვის საჭიროა ამ ველის მონიშვნა.

ცვლილებების შესანახად დააჭირეთ ღილაკს "OK" და განაახლეთ ბრაუზერის გვერდი.

ცვლილებების ძალაში შესვლისთვის ბრაუზერის გადატვირთვა არ გჭირდებათ. გააქტიურების შემდეგ, თქვენ შეძლებთ სრულად ნახოთ ვებ გვერდები და განახორციელოთ მოქმედებები ინტერაქტიულ სერვისებზე.

უპირველეს ყოვლისა, ჩვენ უნდა გავხსნათ ბრაუზერის პარამეტრები.

ზედა მარცხენა კუთხეში დააჭირეთ ღილაკს "მენიუ", კონტექსტურ მენიუში გადაიტანეთ კურსორი "პარამეტრები" პუნქტში და დააწკაპუნეთ "ზოგადი პარამეტრები..." ქვეპუნქტზე.

ამის შემდეგ, ახალი ფანჯარა გაიხსნება ბრაუზერის პარამეტრებით.

მასში თქვენ უნდა აირჩიოთ "Advanced" ჩანართი.

ჩანართის მარცხენა მენიუში დააწკაპუნეთ პუნქტზე „შინაარსი“, რის შემდეგაც ჩვენ ვააქტიურებთ ფუნქციას ორი ველის მონიშვნით პუნქტებზე „ჩართეთ JavaScript“ და „ჩართეთ Java“.

დეაქტივაციისთვის, ეს ველები უნდა მოხსნათ.

Javascript-ის გააქტიურება და გამორთვა ოპერის ვერსიებში 10.5-დან 14-მდე

ველების მონიშვნის ან მოხსნის შემდეგ, შეინახეთ ცვლილებები ღილაკზე "OK" დაწკაპუნებით.

ახლა ჩვენ გადატვირთეთ ბრაუზერი, რომ ცვლილებები ძალაში შევიდეს. Javascript-ის ყველა ფუნქცია ხელმისაწვდომი იქნება თქვენთვის.

Opera ბრაუზერის ამ ვერსიებში JavaScript-ის გააქტიურება გაცილებით მარტივია.

პარამეტრების ფანჯრის გასახსნელად, თქვენ უნდა დააჭიროთ ცხელი კლავიშების კომბინაციას Alt + P ღია ბრაუზერში. მენიუში, რომელიც იხსნება, გახსენით "საიტები" ჩანართი.

ფუნქციის გასააქტიურებლად, თქვენ უნდა დააყენოთ ჩამრთველი „Allow JavaScript execution“, რომ გამორთოთ – „აკრძალოთ JavaScript execution“.

ამის შემდეგ, უბრალოდ დააწკაპუნეთ ღილაკზე „OK“ ცვლილებების შესანახად და განაახლეთ გვერდი, რომელსაც ხედავთ F5 ღილაკით ან მისამართების ზოლის მარცხნივ შესაბამის ხატულაზე დაწკაპუნებით.

არ არის საჭირო ბრაუზერის გადატვირთვა.

Apple-ის საკუთრებაში არსებულ ბრაუზერში JavaScript ფუნქციის გასააქტიურებლად, თქვენ უნდა გადახვიდეთ პარამეტრებში.

მათ გასახსნელად, თქვენ უნდა დააჭიროთ ღილაკს "Safari" და აირჩიეთ "პარამეტრები".

არსებობს მრავალი ვარიანტი, თუ როგორ შეგიძლიათ დამალოთ არასაჭირო ელემენტები HTML-ში. ამ სტატიაში განვიხილავთ, თუ როგორ შეიძლება ამის გაკეთება CSS, JavaScript ან jQuery-ის გამოყენებით. თუ თქვენ გაქვთ რაიმე სხვა ვარიანტი, დაწერეთ ისინი კომენტარებში.

CSS-ს აქვს ელემენტების დამალვის მრავალი განსხვავებული გზა. ქვემოთ მოცემულია მაგალითები, თუ როგორ კეთდება ეს ყველაზე ხშირად.

HTML მაგალითი

ეს ბლოკი უნდა იყოს დამალული

CSS მაგალითი

გვერდითი პანელი (ჩვენება: არცერთი;)

.

HTML მაგალითი

ეს ბლოკი უნდა იყოს დამალული

CSS მაგალითი

#გვერდითი ზოლი (ჩვენება: არცერთი;)

ზემოთ მოცემული კოდი დამალავს გვერდზე ყველა ელემენტს .

თუ ელემენტის ID ან კლასი არ გაქვთ, მაინც შეგიძლიათ მისი დამალვა. ალტერნატიულად, სხვა ატრიბუტების გამოყენება შეიძლება, როგორც ნაჩვენებია ქვემოთ მოცემულ მაგალითში.

HTML მაგალითი

Ბმული

CSS მაგალითი

კონტეინერი div:nth-child(2) (ჩვენება: არ აქვს) .

Container div:nth-child(2) დამალავს მეორე div-ს კონტეინერის ბლოკში.

div დამალავს ყველა div ელემენტს გვერდიდან, რომლებსაც აქვთ data-id ატრიბუტები მნიშვნელობით "hello-world", თუ ამას მიუთითებთ, მაშინ არა მხოლოდ div ელემენტები დაიმალება, არამედ ყველა ელემენტი შემოწმდება ასეთის არსებობისთვის. ატრიბუტი და ღირებულება.

თქვენ ასევე შეგიძლიათ წაშალოთ ელემენტი სხვა CSS თვისებებით, მაგალითად:

გვერდითი პანელი (ჩვენება: არცერთი; გაუმჭვირვალობა: 0; z-ინდექსი: -999; ხილვადობა: დამალული; სიგანე: 0; სიმაღლე: 0; პოზიცია: აბსოლუტური; მარცხნივ: -9999; ზედა: -9999; )

გამჭვირვალობა: 0 - აყენებს გამჭვირვალობას 0-ზე, რითაც ელემენტი საერთოდ არ გამოჩნდება გვერდზე, ხელახლა საჩვენებლად საჭიროა დააყენოთ 0.1 (ელემენტის ხილვადობის 10%), 0.2, ... 1.

z-index: -999 - ადგენს ფენის მდებარეობას. რაც უფრო მაღალია რიცხვი, ელემენტი, რომლის დამალვაც გსურთ, განთავსდება სხვა ფენების ზემოთ. მაგალითად, თუ layer.sidebar-ს აქვს z-index: 999, ხოლო layer.container-ს აქვს z-index: 100, მაშინაც კი, თუ ამ ფენებს ერთმანეთზე დააყენებთ, .sidebar მაინც გამოჩნდება უფრო მაღალი ვიდრე .კონტეინერი, რადგან მას აქვს ინდექსი უფრო მაღალია.

ხილვადობა: დამალული - საჩვენებელი მსგავსი თვისება: არცერთი

სიგანე: 0; სიმაღლე: 0; — თუ მათ ნულზე დააყენებთ, მაშინ თქვენი ელემენტის სიმაღლე და სიგანე იქნება 0, ამდენად, ის საერთოდ არ გამოჩნდება ეკრანზე.

პოზიცია: აბსოლუტური; მარცხნივ: -9999; ზედა: -9999 - ამ შემთხვევაში, ელემენტი გადავა მომხმარებლის ეკრანის მიღმა, რითაც არ ჩანს გვერდზე

გვერდის ელემენტები ასევე შეიძლება დამალული იყოს jQuery-ის გამოყენებით. ჯერ უნდა დააინსტალიროთ jQuery ბიბლიოთეკა, სანამ დაიწყებთ მისი ფუნქციების გამოყენებას.

ელემენტებზე წვდომა შეგიძლიათ ისევე, როგორც CSS-ში. CSS-ის პრობლემა ის არის, რომ მისი გამოყენება შესაძლებელია მხოლოდ ელემენტების დასამალად.

jQuery საშუალებას გაძლევთ ამოიღოთ ელემენტები ისე, რომ ისინი არ იყოს ხილული გვერდის წყაროს კოდის ნახვის დროსაც კი.

ქვემოთ მოცემული სკრიპტი წაშლის ყველა ელემენტს გვერდიდან გვერდითი ზოლის კლასით.

HTML მაგალითი

ტექსტი

jQuery მაგალითი

$(function() ( $(დოკუმენტი).ready(function() ($(".sidebar").remove();));));

ქვემოთ მოცემული სკრიპტი აშორებს ელემენტს გვერდიდან ID გვერდითი ზოლით.

HTML მაგალითი

ტექსტი

jQuery მაგალითი

$(function() ( $(document).ready(function() ($("#sidebar").remove(); )); ));

$(function() ( $(დოკუმენტი).ready(function() ($("a").remove(); )); ));

ამ გზით თქვენ შეგიძლიათ წაშალოთ ყველაფერი გვერდზე.

JavaScript თავისთავად ძალიან ძლიერია, მაგრამ ბევრმა არ იცის როგორ გამოიყენოს იგი, რადგან ენა საკმაოდ რთულია დამწყები დეველოპერისთვის. ქვემოთ მე დავწერე რამდენიმე მაგალითი იმისა, თუ როგორ შეგიძლიათ დამალოთ ელემენტები JavaScript-ის გამოყენებით.

HTML მაგალითი

ტექსტი

JavaScript მაგალითი

document.getElementsByClassName("გვერდითი ზოლი").remove()