1. 程式人生 > >js陣列輸出表單

js陣列輸出表單

<script type="text/javascript">
/*
<table>,<tr>,<td>,</td>,<tr>,</table>
頁面在遇到</tr></table>的時候才輸出,前的都是放到陣列中沒有輸出
*/
/*用陣列拼接*/
var arr=new Array();
arr.push('<table border="1" bordercolor="#006600" cellspacing="0" cellpadding="10" width="400" height="200">');
for (var i =1 ; i <=9  ; i++ ) {
arr.push("<tr>");
for (var j =1 ; j <=i  ; j++ ) {
arr.push("<td>");
arr.push(j+"*"+i+"="+i*j);
arr.push("</td>");
}
arr.push("</tr>");
}
arr.push("</table>");
var tab=arr.join("");
//document.write(tab);
/**/
var div1=document.getElementById("div1");
div1.innerHTML = arr;

    </script>

輸出:


其中這些逗號是哪裡來的?

arr中裝的是[<table>,<tr>,<td>,</td>,<tr>,</table>]是表格標籤,當頁面在遇到</tr></table>的時候才輸出,前的都是放到陣列中沒有輸出.

輸出的都是逗號.

如何解決?

運用arr中的join方法,用空格替換陣列中的逗號,返回字串,在輸出

var tab=arr.join("");
document.write(tab);

相關推薦

js陣列輸出

<script type="text/javascript">/*<table>,<tr>,<td>,</td>,<tr>,</table>頁面在遇到</tr></tabl

angular js h5關於驗證的例子

checked tro mis scrip att sta error 自定義 account angular js表單驗證 <!DOCTYPE html><html><head lang="en"> <meta charse

原生js實現form序列化

defined json cnblogs 一個 break value 元素 default [0 大家都知道在jquery中有相應的表單序列化的方法: 1.serialize()方法   格式:var data = $("form").serialize();   功能:

JS創建提交備份

targe 創建表 ext 計劃 eat element med car pen //保存 function saveFT() { var data = { createDate: GetDateS

js: 將 form序列化

序列化 form form的序列化,即將表單中的鍵值序列化為可提交的字符串 表單 <form id="target"> <select name="age"> <option value="age1">20</opti

jquery.form.js(ajax提交)

jquer 我們 使用 執行 sub 某個字段 httpd 區別 load Form插件地址: 官方網站:http://malsup.com/jQuery/form/ 翻譯地址:http://www.aqee.net/docs/jquery.form.plugin/jque

***四種參數傳遞的形式——URL,超鏈接,js,form

ont meta get span form表單 用戶名 傳遞參數 rip con 什麽時候用GET, 查,刪 什麽時候用POST,增,改 (特列:登陸用Post,因為不能讓用戶名和密碼顯示在URL上) 4種get傳參方式 <html xmlns="http:/

js的form提交url傳參數(包含+等特殊字符)的解決方法

字符 www. mit function form表單提交 sub win tno wiki 方法一:(偽裝form表單提交) linkredwin = function(A,B,C,D,E,F,G){ var formredwin = document.cr

使用js對formbase64加密

func query jquer word amp replace javascrip pri urn 利用js可以對前臺數據加密,以防止被惡意獲取,以下代碼,用base64對數據進行加密,可以在後臺進行解密。 引入的js <script type="text/ja

js 監測from中的input和select,時時監測,沒有輸入或選擇信息報錯,不允許提交數據

height ssss txt input OS 表達 tip eight html 1.html 代碼為 在input和select同級元素中添加 .error的標簽,用來存放報錯信息 <form action="" method="post" enctype="

(vue.js)element ui 重置

pro too DG cef service widget 一個 方法 model el-form需要接收一個model,並且需要配合el-form-item一起使用,並且在el-form-item上綁定prop屬性,resetField方法才能好使。 <el-

JS判定註冊的幾個方式 及 Ajax進行用戶名存在判定

手機號 col 分層 code 驗證用戶名 inf href maria ech 最近感覺不趕緊把代碼邏輯記一下梳理一下,再做的時候就容易進入"邏輯誤區". 有個表單,簡單點. <!DOCTYPE html> <!-- 註冊表單驗證,用戶名格式(未加入A

練習:vue.js實現購物車+驗證

購物車 <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>購物車</title> <script src="../js/vue.js">

JS判斷提交不能為空等驗證

JS判斷提交表單不能為空等驗證 直接上程式碼,注意引入js <fieldset> <legend>使用者註冊</legend> <form method="post" name="form" action="use

JS 記錄之 內容的切換

即:根據前一列的資料內容不同,而後一列顯示也不同      如果前一列資料的長度大於後一列資料的長度,則後一行正常顯示      反之,後一列的資料只顯示前40個字元加上“...”,當滑鼠放上去顯示全部內容,離開 恢復成40個字

JS中模擬的post提交,進行頁面的跳轉

封裝為Post(URL, PARAMTERS) 函式: /* *功能: 模擬form表單的提交 *引數: URL 跳轉地址 PARAMTERS 引數 */ function Post(URL

JS判斷提交不能為空 等的驗證

轉自:https://blog.csdn.net/qiu512300471/article/details/23259811 <script type="text/javascript">function beforeSubmit(form){if(form.username.value==''

JS 模擬動態提交

單點登入用get方式很簡單,用url拼接就可以了,比如“http://www.baidu.com/s?wd=java”,這個url就向百度提交了關鍵字java,獲得查詢結果。 但是如果伺服器只接受,或只處理了post方式的引數怎麼辦(百度好像只處理了get)。 下面這段程式

JS獲取form的所有資料

在HTML中用js獲取通過GET、POST方法(就是在網址後加?a=b&c=d之類)傳過來的表單值。 針對大家常用的獲取表單方式,很多時候都是在重複的寫一些程式碼,今天給大家貼出來的程式碼可以作為 公用方法直接呼叫。可以提高大家的開發效率。 Js程式碼  <

JS 提交form

原始碼例項一:javascript頁面加裁時自動提交表單Form表單: <form method="post" id="myform" action="a.php"> <input type="submit" value="提交表單"> </f