Chuyển chuỗi html sang hàm javascript

Cách chuyển giá trị động trong @Url. Hành động?, var param = 'một số giá trị động đã biết trên máy khách'; . Hành động [" SomeAction", "SomeController", new { someParam The @Url. Phương thức hành động được xử lý ở phía máy chủ, vì vậy bạn không thể chuyển giá trị phía máy khách cho hàm này dưới dạng tham số. Bạn có thể nối các biến phía máy khách với url phía máy chủ được tạo bởi phương pháp này, đây là một chuỗi ở đầu ra

bước. Đầu tiên, chúng ta cần biết các thuật ngữ sau, “vị trí. href” -> Đó là toàn bộ URL của trang hiện tại. “this” -> Đề cập đến thẻ ‘a’ đã được nhấp vào. "cái này. href” -> lấy giá trị href từ thẻ ‘a’. Một khi chúng ta có “cái này. href”, nối thêm biến vào nó [Ở đây chúng tôi đã sử dụng một biến có tên là “XYZ”]

Truyền tham số cho hàm JavaScript title trong HTML. mã ví dụ. Rất dễ Truyền tham số cho hàm JavaScript bằng hàm onClick[]. Nếu gửi một giá trị chuỗi thì hãy sử dụng trích dẫn kép” ” hoặc đơn ” trong hàm. 1. Ví dụ Truyền tham số chuỗi trong hàm onClick

Bạn không thể truy cập các biến JS từ HTML của mình. Bạn phải làm một cái gì đó như thế này. var filename = 'thử nghiệm'; . getElementById['testdiv']. setAttribute[' title', "cảnh báo['" + tên tệp + "']"];

Bao gồm một phần tử sự kiện chức năng JavaScript của onClick[]. Quan trọng nhất là phần chính như bạn muốn biết về thông số của nó. Vì vậy, chúng ta chuyển một tham số trong hàm JavaScript bằng cách sử dụng nút Html hàm onClick. Sau đó, truyền một đối số với chức năng sự kiện onClick

hàm myFunction[] {. tài liệu. getElementById["trường2"]. giá trị = tài liệu. getElementById["trường1"]. giá trị; . Tự mình thử ». Ví dụ. Gán sự kiện " title" cho đối tượng cửa sổ. cửa sổ. title = myFunction;

Vì vậy, chúng ta chuyển một tham số trong hàm JavaScript bằng cách sử dụng nút Html hàm onClick. Sau đó, truyền một đối số với chức năng sự kiện onClick. Sau đó, chúng tôi triển khai mã tập lệnh chức năng này trong phần bên dưới của nội dung. Thứ hai, đề cập đến trong các thẻ tập lệnh chức năng coll và sau đó nhận tham số

JavaScript. . Truyền tham số chuỗi trong onClick Có một cách để truyền văn bản html làm tham số cho hàm javascript. Chỉ cần thay thế tất cả các ký tự cụ thể trong thẻ html trước khi bạn chuyển nó sang hàm javascript. Sau này trong javascript, bạn chỉ cần hoàn nguyên tất cả các ký tự cụ thể trở lại bình thường

  Demonstration Box

  Demonstration Box

Theo mặc định,

  Demonstration Box

  Demonstration Box

  Demonstration Box

  Demonstration Box

kể từ 3. 0 hành vi mặc định được thay đổi. Nếu

  Demonstration Box

  Demonstration Box

  Demonstration Box

  Demonstration Box

  Demonstration Box

  Demonstration Box

  

  Demonstration Box

Cân nhắc về Bảo mật

Hầu hết các API jQuery chấp nhận chuỗi HTML sẽ chạy các tập lệnh có trong HTML.

  Demonstration Box

  Demonstration Box

  Demonstration Box

  Demonstration Box

  Demonstration Box

  Demonstration Box

Trong tài liệu HTML,

  Demonstration Box

1

$[ "div.demo-container" ].html[];

Để lấy được nội dung của

  Demonstration Box

  Demonstration Box

1

2

3

  Demonstration Box

Kết quả sẽ như thế này

1

Demonstration Box

Phương pháp này sử dụng thuộc tính

  Demonstration Box

Ghi chú bổ sung

• Theo thiết kế, bất kỳ hàm tạo hoặc phương thức jQuery nào chấp nhận chuỗi HTML — jQuery[],. nối thêm[],. sau [], v.v. - có khả năng có thể thực thi mã. Điều này có thể xảy ra bằng cách chèn các thẻ tập lệnh hoặc sử dụng các thuộc tính HTML thực thi mã [ví dụ:

    Demonstration Box
  

  4]. Không sử dụng các phương pháp này để chèn các chuỗi thu được từ các nguồn không đáng tin cậy, chẳng hạn như tham số truy vấn URL, cookie hoặc đầu vào biểu mẫu. Làm như vậy có thể dẫn đến lỗ hổng cross-site-scripting [XSS]. Xóa hoặc thoát bất kỳ đầu vào nào của người dùng trước khi thêm nội dung vào tài liệu

  Demonstration Box

  Demonstration Box

  Demonstration Box

  Demonstration Box

$[ "div.demo-container" ].html[];

  Demonstration Box

$[ "div.demo-container" ].html[];

  Demonstration Box

$[ "div.demo-container" ].html[];

  Demonstration Box

Demonstration Box

  Demonstration Box

Demonstration Box

Demonstration Box

Demonstration Box

  Demonstration Box

Demonstration Box

Demonstration Box