通過原生JS列印一個空心菱形圖案

阿新 • • 發佈：2019-01-12

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文件</title>
</head>

<body>
</body>
</html>
<script>
    //    列印一個空心菱形圖案 
    for(var i = 1; i <=6 ; i++){
        for(var k = 1 ; k<=6-i; k++){
            document.write( 
"-");
        }
        for(var j = 1 ; j<=i*2-1; j++){
            if(i == 1){
                document.write("*");
            }else if(j == 1 || j == i*2-1){
                document.write("*");
            }else{
                document.write("-");
            }
        }
        document.write( 
"<br>");
    }
    for(var i = 5; i >=1 ; i--){
        for(var k = 1 ; k<=6-i; k++){
            document.write("-");
        }
        for(var j = 1 ; j<=i*2-1; j++){
            if(i == 1){
                document.write("*");
            }else if(j == 1 || j == i*2-1){
                document.write( 
"*");
            }else{
                document.write("-");
            }
        }
        document.write("<br>");
    }
</script>

通過原生JS列印一個空心菱形圖案

<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文件</title> </head> <body> </body>

通過原生JS打印一個空心菱形圖案

title utf rip scrip div utf-8 meta script type <!doctype html> <html> <head> <meta charset="utf-8"> <title>

原生js做一個簡單的進度條

-i 隨機數函數 borde setw bubuko 原生 html 進度條 add 用原生js做進度條，布局非常簡單，一個盒子裏放一個span標簽，讓它的寬度為0，並且轉成塊元素。主要用定時器動態增加span的寬度，並且當它的寬度大於父級盒子的寬度的時候停止效果如下：

原生JS寫一個淡入淡出輪播圖

切換 splay get 自動 sele round pos 鼠標 name 任何網站主頁都離不開一個輪播圖，這是滾動播放新聞或者廣告或者內容的招牌，類型有很多，我們可以做一個淡入淡出的輪播圖。首先分析，淡入淡出指的是沒有滑動效果，一張圖片消失的時候另一張圖片接著顯示出來

原生js實現一個DIV的碰撞反彈運動

絕對定位 doc type har tle ntb inpu wid PE 原生js實現一個DIV的碰撞反彈運動：　　關鍵在於DIV的邊界檢測，進而改變運動方向，即可實現碰撞反彈效果。 <!DOCTYPE html> <html

如何用原生JS實現一個簡單的promise

　　　我又又又回來了，最近真是累的跟狗一樣，急需一個大保健回覆一下子精力　　　我現在是一邊喝著紅牛一邊寫著部落格，好了好了，不扯了，迴歸整體好吧　　　先簡單來說一下啥是promise吧　　　它是什麼？Promise是一個方案，用來解決多層回撥巢狀的解決方案。它現在是ES6的原生物件。　　 &n

原生JS實現一個完整的輪播圖

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

用C語言列印一個空心圓

演算法分析：利用x ^ 2 + y ^ 2 = R ^ 2可以算出圓上每一點行和列的對應關係。程式碼： #include<stdio.h> #include<math.h> int main() { int x, m; double y; for

原生js實現一個自定義下拉單選選擇框

　　瀏覽器自帶的原生下拉框不太美觀，而且各個瀏覽器表現也不一致，UI一般給的下拉框也是和原生的下拉框差別比較大的，這就需要自己寫一個基本功能的下拉選單/下拉選擇框了。最近，把專案中用到的下拉框元件重新封裝了一下，以建構函式的方式進行封裝，主要方法和事件定義在原型上，下面是主要的實現程式碼並添加了比較詳細的註釋

JavaScript：使用原生JS封裝一個ajax相容性方法

ajax請求過程：需要有個裝置的支援，就是瀏覽器，沒瀏覽器ajax是發不出去的。需要有一個ajax物件。規定請求的方式，獲取誰家的資料。 ajax.open(method，url，true)初始化請求方式、請求資料地址、選擇非同步（true）還是同步（fal

（用python來繪製一個空心菱形）輸入一個整數n，輸出一個空心菱形，其中每個邊由n個'*'組成。

def kongxin(n): for i in range(n): print() for j in range(n - i - 1): print(' ', end='') for k in range(2 * i + 1): if k==0

自己做工具--用原生js封裝一個AJAX外掛

採用面向物件的思想封裝,相容get/post方式 1.get和post區別（1）get方式通過url位址列傳遞引數，post通過表單形式傳遞資料（2）傳輸的資料大小，get方式：普通瀏覽器只能傳輸2K資料，chrome瀏覽器傳輸8K，post方式：原則上不受限制，但

如何用原生js封裝一個屬於自己的外掛

今天介紹一下怎麼寫屬於自己的外掛，建議看之前溫習一下面向物件；我就寫個簡單的重置樣式的外掛，話不多說先上程式碼； //SetStyles.js (function(win, doc) {

原生JS寫一個首字母排序的通訊錄效果

點選檢視效果demo 思路上先將要排序的資料進行漢字轉換成拼音,根據首字母進行分類,然後將分類後的資料都有哪些首字母放入右邊的導航中,並將分類好的資料渲染進頁面.最後給右邊的導航中加上點選事件並滾動到內容的對應位子. html <!DOCTYPE html>

原生js寫一個選項卡

html程式碼： <h2 class="active">選項卡1</h2> <h2>選項卡2</h2> <h2>選項卡3</h2>

利用原生js封裝一個ajax api（一）

此係列文章主要分享一下如何利用原生js，自己封裝一個ajax api。本篇文章先來為此做一些前提準備，瞭解一下ajax請求少不了的XMLHttpRequest類。瀏覽器在XMLHttpRequest類上定義了他們的HTTP API。這個類的每一個例

通過原生js 簡單的實現過濾html標籤功能

使用場景：想輸出一個div裡的純文字內容，例如： <div id="divA"> This is <span>some</span> text <br&

列印一個空心正方形

請以儘量高效的方法用”*”打印出一個空心正方形,num為邊長 #include <stdio.h> int main() { int x,y,num; printf(

原生js實現一個側滑刪除取消元件（item slide）

元件，本質上是解決某個問題封裝的類，在此記錄原生js實現側滑刪除先上效果圖實現思路 1. 確定渲染的資料結構 2. 思考劃分佈局，總的有兩個主要的模組：內容區域和按鈕區域　　2.1 內容區域保持寬度永遠佔滿裝置的寬度　　2.2 內容區域和按鈕區域

C語言列印一個指定行數的菱形圖案

#include <stdio.h>int main(){int line = 0;//定義總行數int i = 0;scanf("%d", &line);//列印上半部分for(i=0; i<line; i++){//1. 列印空格int j =

通過原生JS列印一個空心菱形圖案

相關推薦