Hướng dẫn how to call javascript function in html td tag – cách gọi hàm javascript trong thẻ html td

Posted on by mtoplistChuyên mục:Top List

Tôi là người mới đến JavaScript và HTML. Bây giờ, tôi đang sử dụng HTML để hiển thị thời gian lấy từ tệp XML. Dưới đây là các thẻ HTML.

<tr>
  <th>Date of Birth: </th>
  <td>{{dob}}</td>
</tr>

Điều này sẽ hiển thị ngày trong yyyy-mm-dd .i.e ngày sẽ được hiển thị là 2012-03-12 Tôi muốn điều này được hiển thị là ngày 12 tháng 3 năm 2013. Tôi đã sử dụng MEAMENT.min.js nhưng không thành công. Tôi không biết cách gọi chức năng JavaScript từ các thẻ và nhận ngày được hiển thị cho phù hợp.

Đã hỏi ngày 7 tháng 12 năm 2013 lúc 9:51Dec 7, 2013 at 9:51

Hướng dẫn how to call javascript function in html td tag - cách gọi hàm javascript trong thẻ html td

3

<table>
  <tr>
    <th>Date of Birth: </th>
    <td id='date-of-birth'></td>
  </tr>
</table> 

<script src="http://momentjs.com/downloads/moment.min.js"></script>
<script>
  var dob = '2012-03-12';
  var dateString = moment(dob).format('DD MMMM YYYY');
  var element = document.getElementById('date-of-birth');
  element.innerHTML = dateString;
</script>

Fiddle.

Tuy nhiên, nếu bạn muốn sử dụng cú pháp khung {{variable}} để chèn các giá trị vào HTML của mình, bạn có thể sử dụng thư viện khuôn mẫu JavaScript như tay lái.

Đây là một ví dụ:

<script id="sample-template" type="text/x-handlebars-template">
  <table>
    <tr>
      <th>Date of Birth: </th>
      <td>{{dob}}</td>
    </tr>
  </table>
</script>

<div id="output"></div>

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.1.2/handlebars.min.js"></script>
<script src="http://momentjs.com/downloads/moment.min.js"></script>
<script>
  var dob = '2012-03-12';
  var dateString = moment(dob).format('DD MMMM YYYY');

  var source = $('#sample-template').html();
  var template = Handlebars.compile(source);
  $('#output').html(template({dob: dateString}));
</script>

Vĩ cầm. (Chỉnh sửa: Liên kết sai. Đã sửa.)Edit: Wrong link. Fixed.)

Đã trả lời ngày 7 tháng 12 năm 2013 lúc 9:55Dec 7, 2013 at 9:55

Hướng dẫn how to call javascript function in html td tag - cách gọi hàm javascript trong thẻ html td

JacksonjacksonJackson

8.7905 Huy hiệu vàng 50 Huy hiệu bạc72 Huy hiệu Đồng5 gold badges50 silver badges72 bronze badges

12

<tr>
  <th>Date of Birth: </th>
  <td class="tdDOB">{{dob}}</td>
</tr>

Điều này sẽ hoạt động

var dob = new Date($('td.tdDOB').val());
var dobArr = dob.toDateString().split(' ');
var dobFormat = dobArr[2] + ' ' + dobArr[1] + ' ' + dobArr[3];
$('td.tdDOB').val(dobFormat);

Đã trả lời ngày 7 tháng 12 năm 2013 lúc 9:57Dec 7, 2013 at 9:57

Hướng dẫn how to call javascript function in html td tag - cách gọi hàm javascript trong thẻ html td

Tewathiatewathiatewathia

6.6003 huy hiệu vàng21 Huy hiệu bạc27 Huy hiệu đồng3 gold badges21 silver
badges27 bronze badges

<span class="getdate" style="display:none;">2012-03-12</span>
<table>
  <tr>
    <th>Date of Birth: </th>
    <td class="dateofbirth"></td>
 </tr> 
</table>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://momentjs.com/downloads/moment.min.js"></script>
<script type="text/javascript">
 $("document").ready(function(){
  var dob = $('.getdate:hidden').text();
  var dateString = moment(dob).format('DD MMMM YYYY');
  $('.dateofbirth').html(dateString);
 }) 
 </script>

Bạn phải đặt biến của mình vào bất kỳ div hoặc nhịp nào và sau đó nhận được giá trị đó bằng cách sử dụng như được mô tả trong javascript và sau đó sử dụng measter.js để định dạng như bạn muốn và sau đó đặt biến đó vào TD mong muốn với jQuery.

Như trong trường hợp này, bạn có thể đặt biến của mình vào khoảng thời gian và sau đó nhận được giá trị đó bằng jQuery và sau đó tôi định dạng nó như bạn muốn thì tôi đang đặt giá trị đó vào TD với .html

Đã trả lời ngày 7 tháng 12 năm 2013 lúc 10:56Dec 7, 2013 at 10:56

Ramchauhanramchauhanramchauhan

2102 Huy hiệu bạc6 Huy hiệu đồng2 silver badges6 bronze badges

  • Xóa khỏi các diễn đàn của tôi

  • Câu hỏi

  • User688965124 Đăng

    Hai tất cả,

    Trong dự án của tôi, tôi phải gọi JavaScript từ hàng bảng … Tôi phải hiển thị trình chỉnh sửa văn bản phong phú dưới dạng hàng bảng. vì điều đó từ bảng đó hàng i & nbsp; hv để gọi chức năng Richtext.js. Tôi đã thử nhưng nó không hoạt động … Bất cứ ai cũng biết giải pháp cho điều này, vui lòng giúp tôi … & nbsp; Tôi đã đính kèm mã HTML bên dưới:

    Thêm báo cáo nhập nhật ký | Thêm bộ phận nhập cảnh: Hệ thống thông tin & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ———————————————————- ——————————————- Trong tr này, tôi phải gọi JavaScript & nbsp; hàm sốasp:ContentID=”Content1″
    ContentPlaceHolderID=”ContentPlaceHolder1″Runat=”Server”><script
    language=”javascript”src=”JScript/richtext.js”type=”text/javascript”> script>
    <tablewidth=”80%”border=”0″cellpadding=”5″
    cellspacing=”0″> <tr> <tdalign=”center”><asp:LabelID=”lblmsg”Font-Bold=”true”Font-Names=”verdana”
    ForeColor=”white”runat=”server”>Add Journal Entryasp:Label>td> tr> <tr> <td
    align=”right”><asp:LinkButtonID=”lnkentry”runat=”server”
    ForeColor=”#3399FF”>Entry Report |asp:LinkButton> <asp:LabelID=”lblentry”runat=”server”ForeColor=”white”>Add
    Entryasp:Label>td> tr>
    <tr><td>td>tr> table> <tablecellpadding=”5″cellspacing=”0″
    border=”0″width=”80%”align=”center”bgcolor=”#091a55″> <tr> <td><asp:LabelID=”lbldept”
    runat=”server”Font-Bold=”true”ForeColor=”white”>Department: Information Systemsasp:Label>td> tr> <tr> <td><asp:LabelID=”lblName”
    runat=”server”ForeColor=”white”>asp:Label>td>
    <td><asp:LabelID=”lbldate”runat=”server”
    ForeColor=”white”>asp:Label>td> tr> table> <tablewidth=”80%”>
    <tr><td>td>tr> <tr><td>td>tr> table>
    <tablewidth=”80%”border=”0″cellpadding=”5″
    cellspacing=”0″> <tr> <td><b><FONTface=”Verdana”size=”2″color=”white”>               Title:FONT>b><inputtype=”text”
    name=”journalTitle”style=”WIDTH: 400px;COLOR: white;FONT-FAMILY: verdana;HEIGHT: 22px;BACKGROUND-COLOR: #000033″ maxlength=”250″
    id=”text1″runat=”server”>input>td> tr> <tr> <td> <noscript><p><b><textareaname=”rte1″
    cols=”62″rows=”20″style=”COLOR: white;FONT-FAMILY: verdana;BACKGROUND-COLOR: #000033″>textarea> b> p>noscript> td>
    tr> <tr> —————————————————————————————————– In this tr i have to call the javascript  function
    <td>td> tr> table> <table> <tr> <td>td> tr> table>

    asp:Content>:Content>

    Cảm ơn trước,

    Chainv

Câu trả lời

  • User1333147434 Đăng

    Thử cái này:

    … & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Xin chào(); & nbsp; & nbsp; & nbsp;

       
          
       
    & nbsp;

    Thay thế “Xin chào ()” bằng hàm javascript bạn muốn.

    • Được đánh dấu là câu trả lời Bythursday, ngày 7 tháng 10 năm 2021 12:00 sáng

      Thursday, October 7, 2021 12:00 AM

Làm thế nào để bạn gọi một hàm javascript từ html?

use the script tag

Gọi một chức năng bằng cách sử dụng tiện ích mở rộng tệp JavaScript bên ngoài). Khi tệp JavaScript được tạo, chúng ta cần tạo một tài liệu HTML đơn giản. Để bao gồm tệp JavaScript của chúng tôi trong tài liệu HTML, chúng tôi phải sử dụng thẻ tập lệnh

mtoplist