Hướng dẫn how to pass string in href in html - cách chuyển chuỗi trong href trong html

Question

Trước hết tôi không phải là một lập trình viên thường xuyên hoặc chuyên gia Java rất vui lòng xin lỗi nếu tôi hỏi bất kỳ câu hỏi ngớ ngẩn nào. Dựa trên các yêu cầu của khách hàng, tôi phải tạo một tập lệnh chứa hai trang trong trang chủ Tôi có ba giá trị tham số chuỗi userID, startDate và enddate mà tôi đang chuyển trong trang kết quả, ở đây tôi sẽ chuyển các giá trị chuỗi này trong truy vấn SQL (đây là tốt), và sau đó một khi truy vấn chạy thành công, tôi sẽ trích xuất kết quả trong tệp excel và tên tệp excel, tôi đang cài đặt bằng ba giá trị chuỗi trên chỉ một cách linh hoạt vì tập lệnh này sau đó sẽ được sử dụng bởi nhiều người dùng và tôi không thể tạo Tệp excel tĩnh.

Vấn đề của tôi là một khi tệp Excel được tạo động, làm thế nào tôi có thể truyền cùng một giá trị chuỗi trong thẻ HREF để tôi có thể bật liên kết tải xuống cho tệp Excel do người dùng tạo hoặc nếu có bất kỳ cách giải quyết nào khác ngoài HREF? Tôi đã thử nhiều kết hợp một vài ví dụ dưới đây nhưng không có gì hoạt động.

<a href="ExcelFolder/"+userid+"_"+startdate+"_"+enddate+".xls">Download</a> 

<input type=button onClick="parent.location='ExcelFolder"+userid+"_"+startdate+"_"+enddate+".xls'" value='click here to download in Excel'>

<button onclick="window.location.href='/ExcelFolder/"+userid+"_"+startdate+"_"+enddate+".xls'">Download</button>

Tôi đang cố gắng liên kết URL tĩnh với các tham số từ JavaScript và nó không hoạt động. Đã thử một số biến thể

<lightning-tile label={option.label} href="https://www.google.com/search?q={option.label}" type="media">

html:

<template>
    <div class="slds-m-top_medium slds-m-bottom_x-large">
        <h2 class="slds-text-heading_medium slds-m-bottom_medium">
            A list of tile components with dividers.
        </h2>

        <!-- Simple -->
        <div class="slds-p-around_medium lgc-bg">
                    <template for:each={options} for:item='option'>
                        <ul class="slds-has-dividers_bottom-space" key={option.label}>
                            <li class="slds-item">
                                **<lightning-tile label={option.label} href="https://www.google.com/search?q={option.label}" type="media">**
                                    <lightning-avatar slot="media" fallback-icon-name="standard:file"></lightning-avatar>
                                    <ul class="slds-list_horizontal slds-has-dividers_right" key={option.label}>
                                        <li class="slds-item">{option.value}</li>
                                    </ul>
                                </lightning-tile>
                            </li>
                        </ul>
                    </template>
        </div>
    </div>
</template>

JavaScript:

export default class TileList extends LightningElement {

    get options() {
        return [
            { label: 'English', value: 'en' },
            { label: 'German', value: 'de' },
            { label: 'Spanish', value: 'es' },
            { label: 'French', value: 'fr' },
            { label: 'Italian', value: 'it' },
            { label: 'Japanese', value: 'ja' },
        ];
    }
}

Trong bài viết này, tôi sẽ giải thích với một ví dụ, cách truyền (gửi) tham số bằng siêu liên kết trong HTML.

HTML Hyperlink sẽ được gán một trình xử lý sự kiện Onclick và khi được nhấp, giá trị của hộp văn bản sẽ được đặt trong thuộc tính HREF của HTML Siêu liên kết bằng JavaScript.

Khi liên kết neo HTML được nhấp, giá trị hộp văn bản sẽ được chuyển sang trang khác dưới dạng tham số QueryString bằng JavaScript.

Đánh dấu HTML

Đánh dấu HTML bao gồm một hộp văn bản HTML và liên kết neo HTML.

Gửia href = "javascript:;">Senda>

Thông qua (gửi) tham số bằng siêu liên kết trong HTML

Liên kết neo HTML được gán một trình xử lý sự kiện Onclick và khi được nhấp, giá trị của hộp văn bản được đặt trong thuộc tính HREF của liên kết neo HTML bằng JavaScript.

Khi liên kết neo HTML được nhấp, giá trị hộp văn bản được chuyển sang trang khác dưới dạng tham số QueryString.

Gửia href = "javascript:;" onclick = "this.href='Page2.htm?name=' + document.getElementById('txtName').value">Senda>

Thông qua (gửi) tham số bằng siêu liên kết trong HTML

Liên kết neo HTML được gán một trình xử lý sự kiện Onclick và khi được nhấp, giá trị của hộp văn bản được đặt trong thuộc tính HREF của liên kết neo HTML bằng JavaScript.

Khi liên kết neo HTML được nhấp, giá trị hộp văn bản được chuyển sang trang khác dưới dạng tham số QueryString.

Ảnh chụp màn hình

tính tương thích của trình duyệt web

Mã trên đã được kiểm tra trong các trình duyệt sau.

programming html Href string Concat href html