Tambahkan https ke url javascript

Parsing alamat dengan metode url.parse(), dan ini akan mengembalikan objek URL dengan setiap bagian alamat sebagai properti

Contoh

Pisahkan alamat web menjadi beberapa bagian yang dapat dibaca

var url = membutuhkan('url');
var adr = 'http. // localhost. 8080/standar. htm?year=2017&month=februari';
var q = url. parse(adr, true);

menghibur. log(q. tuan rumah); . 8080'
menghibur. log(q. nama jalur); . htm'
menghibur. log(q. Cari);

var qdata = q. pertanyaan; . { tahun. 2017, bulan. 'februari' }
menghibur. log(qdata. bulan);

Node. Server Berkas js

Sekarang kita tahu cara mengurai string kueri, dan di bab sebelumnya kita belajar cara membuat Node. js berperilaku sebagai server file. Mari kita gabungkan keduanya, dan sajikan file yang diminta oleh klien

Buat dua file html dan simpan di folder yang sama dengan node Anda. file js

musim panas. html

Saya suka matahari

musim dingin. html

aku suka salju

Buat Node. js yang membuka file yang diminta dan mengembalikan konten ke klien. Jika ada yang salah, berikan kesalahan 404

demo_fileserver. js

var http = membutuhkan('http');
var url = membutuhkan('url');
var fs = membutuhkan('fs');

http. createServer(fungsi (req, res) {
var q = url. mengurai (req. url, benar);
var nama file = ". " + q. nama jalan;
fs. readFile(namafile, fungsi(err, data) {
jika (salah) {
res. writeHead(404, {'Tipe-Konten'. 'teks/html'});
mengembalikan res. end("404 Tidak Ditemukan");
}
res. writeHead(200, {'Tipe-Konten'. 'teks/html'});
res. tulis(data);
mengembalikan res. akhir();
});
}). mendengarkan(8080);

Ingatlah untuk memulai file

Mulai demo_fileserver. js

C. \Users\Nama Anda>simpul demo_fileserver. js

Jika Anda telah mengikuti langkah yang sama di komputer, Anda akan melihat dua hasil berbeda saat membuka kedua alamat ini

Atribut terpenting dari elemen _ adalah atribut href, yang menunjukkan tujuan tautan

Teks tautan adalah bagian yang akan terlihat oleh pembaca

Mengklik teks tautan, akan mengarahkan pembaca ke alamat URL yang ditentukan

Contoh

Contoh ini menunjukkan cara membuat tautan ke W3Schools. com

Kunjungi W3Sekolah. com

Secara default, tautan akan muncul sebagai berikut di semua browser

• Tautan yang belum dikunjungi digarisbawahi dan berwarna biru
• Tautan yang dikunjungi digarisbawahi dan berwarna ungu
• Tautan aktif digarisbawahi dan berwarna merah

Tip. Tautan tentu saja dapat ditata dengan CSS, untuk mendapatkan tampilan lain

Tautan HTML - Atribut target

Secara default, halaman tertaut akan ditampilkan di jendela browser saat ini. Untuk mengubahnya, Anda harus menentukan target lain untuk tautan tersebut

Atribut target_ menentukan tempat untuk membuka dokumen tertaut

Atribut target_ dapat memiliki salah satu dari nilai berikut

• _self - Default. Membuka dokumen di jendela/tab yang sama saat diklik
• _blank - Membuka dokumen di jendela atau tab baru
• _parent - Membuka dokumen di bingkai induk
• _top - Membuka dokumen di seluruh badan jendela

Contoh

Gunakan target="_blank" untuk membuka dokumen tertaut di jendela atau tab browser baru

Kunjungi W3Sekolah

URL absolut vs. URL relatif

Kedua contoh di atas menggunakan URL absolut (alamat web lengkap) di atribut href

Tautan lokal (tautan ke halaman dalam situs web yang sama) ditentukan dengan URL relatif (tanpa "https. //www" bagian)

Contoh

URL absolut

W3C

Google

URL relatif

Gambar HTML

Tutorial CSS

Tautan HTML - Gunakan Gambar sebagai Tautan

Untuk menggunakan gambar sebagai tautan, cukup masukkan tag 0 di dalam tag

Contoh

Tautkan ke Alamat Email

Gunakan _2 di dalam atribut href untuk membuat tautan yang membuka program email pengguna (agar mereka dapat mengirim email baru)

Tombol sebagai Tautan

Untuk menggunakan tombol HTML sebagai tautan, Anda harus menambahkan beberapa kode JavaScript

JavaScript memungkinkan Anda menentukan apa yang terjadi pada peristiwa tertentu, seperti klik tombol

Contoh

Tutorial HTML

Tautan Judul

Atribut 4 menentukan informasi tambahan tentang suatu elemen. Informasi paling sering ditampilkan sebagai teks tooltip saat mouse bergerak di atas elemen

Bagaimana cara menambahkan URL dalam JavaScript?

Bagaimana cara memeriksa URL berisi http atau https dalam JavaScript?

Bagaimana cara mendapatkan URL dasar dalam JavaScript?

Bagaimana cara memeriksa apakah URL valid dalam JavaScript?