Rumah  >  Artikel  >  hujung hadapan web  >  Cara menggunakan JavaScript untuk memadam sambungan dan mendapatkan nama fail dengan mengklik padanya

Cara menggunakan JavaScript untuk memadam sambungan dan mendapatkan nama fail dengan mengklik padanya

藏色散人
藏色散人asal
2021-08-26 11:30:131924semak imbas

Dalam artikel sebelumnya "Dua kaedah untuk JavaScript untuk mendapatkan kunci tatasusunan bersekutu", saya memperkenalkan cara mendapatkan kunci tatasusunan bersekutu dengan JavaScript Rakan yang berminat boleh mempelajarinya~

Fokus artikel ini adalah untuk mengajar anda cara mengklik untuk memadam sambungan dan mendapatkan nama fail melalui JavaScript.

Tanpa berlengah lagi, mari terus ke intinya!

Memperkenalkan dua kaedah pelaksanaan:

Kod untuk kaedah pertama adalah seperti berikut:

Nota: Contoh ini menggunakan split() , slice() dan join() kaedah untuk mendapatkan nama fail.

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body style = "text-align:center;">

<h1 style = "color:#ff311f;" >
    PHP中文网
</h1>

<p id = "GFG_UP" style =
        "font-size: 15px; font-weight: bold;">
</p>

<button onclick = "gfg_Run()">
    点击
</button>

<p id = "GFG_DOWN" style =
        "color:#ff311f; font-size: 20px; font-weight: bold;">
</p>

<script>
    var el_up = document.getElementById("GFG_UP");
    var el_down = document.getElementById("GFG_DOWN");
    var fName = "fileName.jpg";
    el_up.innerHTML = "String = &#39;"+fName + "&#39;";

    function gfg_Run() {
        el_down.innerHTML = fName.split(&#39;.&#39;).slice(0, -1).join(&#39;.&#39;);
    }
</script>
</body>
</html>

Kesannya adalah seperti berikut:

GIF 2021-8-26 星期四 上午 11-21-38.gif

  • kaedah split() : digunakan untuk membelah rentetan menjadi tatasusunan rentetan.

  • kaedah slice(): boleh mengekstrak bahagian tertentu rentetan dan mengembalikan bahagian yang diekstrak sebagai rentetan baharu.

  • kaedah join(): digunakan untuk meletakkan semua elemen dalam tatasusunan ke dalam rentetan.

Kod untuk kaedah kedua adalah seperti berikut:

Nota: Contoh ini menggunakan RegExp dan replace() kaedah untuk mendapatkan nama fail .

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body style = "text-align:center;">

<h1 style = "color:#17c4ff;" >
    PHP中文网
</h1>

<p id = "GFG_UP" style =
        "font-size: 15px; font-weight: bold;">
</p>

<button onclick = "gfg_Run()">
    点击
</button>

<p id = "GFG_DOWN" style =
        "color:#17c4ff; font-size: 20px; font-weight: bold;">
</p>

<script>
    var el_up = document.getElementById("GFG_UP");
    var el_down = document.getElementById("GFG_DOWN");
    var fName = "fileName.jpg";
    el_up.innerHTML = "String = &#39;" + fName + "&#39;";

    function gfg_Run() {
        el_down.innerHTML =fName.replace(/\.[^/.]+$/, "")
    }
</script>
</body>
</html>

Kesannya adalah seperti berikut:

GIF 2021-8-26 星期四 上午 11-23-42.gif

  • RegExp ialah singkatan daripada ungkapan biasa. Objek RegExp digunakan untuk menentukan kandungan yang akan diambil dalam teks Objek RegExp boleh ditakrifkan melalui kata kunci baharu. Kaedah

  • replace() digunakan untuk menggantikan beberapa aksara dengan aksara lain dalam rentetan atau menggantikan subrentetan yang sepadan dengan ungkapan biasa.

Akhir sekali, saya ingin mengesyorkan "Tutorial Asas JavaScript"~ Selamat datang semua untuk belajar~

Atas ialah kandungan terperinci Cara menggunakan JavaScript untuk memadam sambungan dan mendapatkan nama fail dengan mengklik padanya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn