js編程分段_想請教一下用js如何分段的截取字元串

① js把循環獲取到的數據分段生成幾組數組

先定義兩個數組變數

vardev=newArray();

varsep=newArray();

if($.trim(array[i]).indexOf("dev")>=0){

vardev_id="dev_"+$.trim(array[i].split("_")[1]);

console.log("id屏幕id,value屏幕開窗信息:"+dev_id);

dev.push(dev_id);

}

if($.trim(array[i]).indexOf("separate")>=0){

varseparate_id=,,,,這里是取出你想要的當前數值.....

sep.push(separate_id);

}

最後,,處理dev,,sep,,這兩個數組數據就好了.....

回答里也扔一個,我自己都看不到追答了

var dev = new Array();

var sep = new Array();

for (var i = 0; i < array[i].length; i++) { //從後台數據中,按你自己的分割方法取得的數組

var tmp = new Array(); //設置一個臨時變數

var dev_id = "";

var separate_id = "";

if (i == 0) { //取第一個dev

if ($.trim(array[i]).indexOf("dev") >= 0) {

dev_id = "dev_" + $.trim(array[i].split("_")[1]);

tmp.push(dev_id)

}

} else if ($.trim(array[i]).indexOf("separate") >= 0) {

//找到 separate 說明 dev已經取盡

if (i - 1 > 0) { //保證不會取得已經壓入的第一條dev

if ($.trim(array[i - 1]).indexOf("dev") >= 0) {

dev_id = "dev_" + $.trim(array[i-1].split("_")[1]);

tmp.push(dev_id)

}

if ($.trim(array[i]).indexOf("separate") >= 0) {

separate_id = ""; //這里是取出你想要的當前數值.....

sep.push(separate_id);

}

dev.push(tmp);

}

② js文件怎麼分段，怎麼看比較方便

用調試工具調試。按f12點擊腳本。有個下拉的小三角。點開就能看見所有用到的js了

③ 如何用javascript實現整個網頁的圖片分段載入

寫了一下jQuery的。Javascript只是要多些幾個函數來獲取元素相對頁面的offset，這個問題(536001082)裡面有。

大致思路：documentready-替換圖片的src-載入當前可見圖片-當滑鼠滑輪操作時載入可見區域內圖片。

在IE，Firefox，Chrome，Safari下測試都沒問題。Opera不載入，還沒調試，隨它去吧、、、

下面的代碼只是大概框架，具體還要根據個人需求調整。建議使用網上寫好的插件，考慮到的方面比較全。

img {display: block; border: 1px solid #f00; margin-bottom: 400px;}

<!-- 在網上找幾張尺寸較大圖片，更換地址 -->
<!-- 還需要一張 loading.gif，和 html 文件放在一起 -->
<div id="gallery">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
<img src="4.jpg" />
<img src="5.jpg" />
<img src="6.jpg" />
</div>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
    function load_images() {
        // 延時 0.1 秒再執行函數
        // 如果立即執行，Firefox 會返回錯誤的 offset().top
        setTimeout(function() {
            // 檢查每一個圖片
            $("#gallery img").each(function() {
                var self = $(this);
                // 確認圖片在可視范圍之內
                var _ot = $(this).offset().top,
                    _st = $(document).scrollTop();
                if(_ot - _st > 0 && _ot - _st < $(window).height()) {
                    // 創建新的 img 對象
                    var img = new Image();
                    // 圖片載入成功
                    img.onload = function() {
                        // 還原 width 和 height
                        if(self.attr("data-width")) {
                            self.attr({
                                "width": self.attr("data-width")
                            });
                        }
                        else {
                            self.removeAttr("width");
                        }
                        // 沒有用戶自定義 width 和 height 屬性，移除
                        if(self.attr("data-height")) {
                            self.attr({
                                "height": self.attr("data-height")
                            });
                        }
                        else {
                            self.removeAttr("height");
                        }
                        // 更改圖片 src
                        self.attr("src", self.attr("data-src"));
                        // 釋放
                        img = null;
                    };
                    img.onerror = function() {
                        //alert("圖片載入失敗");
                        // 釋放
                        img = null;
                    };
                    // 開始載入圖片
                    img.src = self.attr("data-src");
                }
            });
        }, 100);
    }
     
    // 只對 #gallery 內的 img 進行緩載
    $("#gallery img").each(function() {
        $(this).attr({
            // 保存原屬性
            "data-src": $(this).attr("src"),
            "data-width": $(this).attr("width") || "",
            "data-height": $(this).attr("height") || "",
            // 將 src 換為載入圖片，並設置寬度和高度
            "src": "loading.gif",
            "width": 64,
            "height": 64,
        });
    });
     
    // 頁面載入的時候開始載入可視圖片
    load_images();
     
    // 當滑鼠滑輪滾動時
    var timeout_loading_images = null;
    $(document).on("scroll", function() {
        // 如果用戶還在進行滑輪滾動，不要試圖載入
        clearTimeout(timeout_loading_images);
        // 滑輪滾動停止一秒後開始載入
        timeout_loading_images = setTimeout(function() {
            load_images();
        }, 1000);
    });
});
</script>

④ 想請教一下用js如何分段的截取字元串

substr 方法
返回一個從指定位置開始的指定長度的子字元串。

stringvar.substr(start [, length ])

參數
stringvar

必選項。要提取子字元串的字元串文字或 String 對象。

start

必選項。所需的子字元串的起始位置。字元串中的第一個字元的索引為 0。

length

可選項。在返回的子字元串中應包括的字元個數。

說明
如果 length 為 0 或負數，將返回一個空字元串。如果沒有指定該參數，則子字元串將延續到 stringvar 的最後。

示例
下面的示例演示了substr 方法的用法。

function SubstrDemo(){
var s, ss; // 聲明變數。
var s = "The rain in Spain falls mainly in the plain.";
ss = s.substr(12, 5); // 獲取子字元串。
return(ss); // 返回 "Spain"。
}

substring 方法
返回位於 String 對象中指定位置的子字元串。

strVariable.substring(start, end)
"String Literal".substring(start, end)

參數
start

指明子字元串的起始位置，該索引從 0 開始起算。

end

指明子字元串的結束位置，該索引從 0 開始起算。

說明
substring 方法將返回一個包含從 start 到最後（不包含 end ）的子字元串的字元串。

substring 方法使用 start 和 end 兩者中的較小值作為子字元串的起始點。例如， strvar.substring(0, 3) 和 strvar.substring(3, 0) 將返回相同的子字元串。

如果 start 或 end 為 NaN 或者負數，那麼將其替換為0。

子字元串的長度等於 start 和 end 之差的絕對值。例如，在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字元串的的長度是 3。

示例
下面的示例演示了 substring 方法的用法。

function SubstringDemo(){
var ss; // 聲明變數。
var s = "The rain in Spain falls mainly in the plain..";
ss = s.substring(12, 17); // 取子字元串。
return(ss); // 返回子字元串。
}

⑤ js如何分段輸出數組

<script>vara=['1','2','3','4','5','6','7','8','9','10'];
varn=3;
varstart=0;
varend=start+n;
functionsliceArray(){
alert(a.slice(start,end));
start+=n;
end+=n;
}
</script>

<inputtype="button"onclick="sliceArray()"/>

n為你每次想分割的長度

⑥ JS如何實現圖片分段載入

意思應該是延遲載入，延遲載入主要是因為一次載入圖片過多會導致網路請求過多，性能下降。所以才有延遲載入這一說。

主要思路：

在HTML引入圖片是，不要用src直接引入圖片路徑，
定一個_src私有屬性存儲圖片路徑。
當頁面載入時，先載入可視區的圖片，即將私有屬性_src 修改為src。

下面是思路的代碼實現：

<style>
*{margin:0px;padding:0px;}
ul{width:996px;overflow:hidden;border:1pxsolid#ccc;margin:10pxauto;}
li{list-style:none;float:left;margin:10px;width:300px;border:1pxsolidyellow;height:200px;}
img{width:100%;display:block;height:100%}
</style>
<script>
window.onload=function(){
	varaImg=document.getElementsByTagName('img');
	timeOut();
	window.onscroll=timeOut;
	functiontimeOut()
	{
		varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;
		varclientHeight=document.documentElement.clientHeight;
		vartop=scrollTop+clientHeight;
	
		for(vari=0;i<aImg.length;i++)
		{
			varoImgTop=getPos(aImg[i]).top;
			if(top>oImgTop)
			{
				aImg[i].src=aImg[i].getAttribute('_src');
			}
		}
	}
	functiongetPos(obj)
	{
		varleft=0;
		vartop=0;
		while(obj)
		{
			left+=obj.offsetLeft;
			top+=obj.offsetTop;
			obj=obj.offsetParent;
		}
		return{'left':left,'top':top};
	}
};
</script>
</head>
<body>
<ul>
	<li><img_src="img/b1.jpg"/></li>
	<li><img_src="img/b2.jpg"/></li>
	<li><img_src="img/b3.jpg"/></li>
	<li><img_src="img/b4.jpg"/></li>
	<li><img_src="img/b5.jpg"/></li>
	<li><img_src="img/b6.jpg"/></li>
	<li><img_src="img/b7.jpg"/></li>
	<li><img_src="img/b8.jpg"/></li>
	<li><img_src="img/b9.jpg"/></li>
	<li><img_src="img/b10.jpg"/></li>
	<li><img_src="img/b1.jpg"/></li>
	<li><img_src="img/b2.jpg"/></li>
	<li><img_src="img/b3.jpg"/></li>
	<li><img_src="img/b4.jpg"/></li>
	<li><img_src="img/b5.jpg"/></li>
	<li><img_src="img/b6.jpg"/></li>
	<li><img_src="img/b7.jpg"/></li>
	<li><img_src="img/b8.jpg"/></li>
	<li><img_src="img/b9.jpg"/></li>
	<li><img_src="img/b10.jpg"/></li>
	<li><img_src="img/b1.jpg"/></li>
	<li><img_src="img/b2.jpg"/></li>
	<li><img_src="img/b3.jpg"/></li>
	<li><img_src="img/b4.jpg"/></li>
	<li><img_src="img/b5.jpg"/></li>
	<li><img_src="img/b6.jpg"/></li>
	<li><img_src="img/b7.jpg"/></li>
	<li><img_src="img/b8.jpg"/></li>
	<li><img_src="img/b9.jpg"/></li>
	<li><img_src="img/b10.jpg"/></li>
	<li><img_src="img/b1.jpg"/></li>
	<li><img_src="img/b2.jpg"/></li>
	<li><img_src="img/b3.jpg"/></li>
	<li><img_src="img/b4.jpg"/></li>
	<li><img_src="img/b5.jpg"/></li>
	<li><img_src="img/b6.jpg"/></li>
	<li><img_src="img/b7.jpg"/></li>
	<li><img_src="img/b8.jpg"/></li>
	<li><img_src="img/b9.jpg"/></li>
	<li><img_src="img/b10.jpg"/></li>
</ul>

⑦ node.js怎麼實現分段傳輸

1. 初始化項目信息：npm init
[root@~/wade/nodejs/nodejs-upload-image-demo]# npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sane defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg> --save` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (nodejs-upload-image-demo)
version: (1.0.0)
description: how to use node.js to upload an image
entry point: (index.js)
test command:
git repository: (https://github.com/billfeller/nodejs-upload-image-demo.git)
keywords:
author: billfeller
license: (ISC) MIT
About to write to /root/wade/nodejs/nodejs-upload-image-demo/package.json:

{
"name": "nodejs-upload-image-demo",
"version": "1.0.0",
"description": "how to use node.js to upload an image",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "https://github.com/billfeller/nodejs-upload-image-demo.git"
},
"author": "billfeller",
"license": "MIT",
"bugs": {
"url": "https://github.com/billfeller/nodejs-upload-image-demo/issues"
},
"homepage": "https://github.com/billfeller/nodejs-upload-image-demo"
}

Is this ok? (yes) yes

2. 修改package.json，配置啟動命令：
"scripts": {
"start": "node index.js"
},

3. 安裝依賴模塊：npm install formidable –save
4. 功能實現：
index.js——統一入口，包括請求處理器注冊；
server.js——伺服器模塊，包括伺服器創建，監聽請求，執行路由策略；
router.js——路由策略，根據請求url路由到相應的處理器進行請求處理；
requestHandler.js——請求處理器；
完整源碼請見：https://github.com/billfeller/nodejs-upload-image-demo

5. 啟動伺服器：
[root@~/wade/nodejs/nodejs-upload-image-demo]# npm start

> [email protected] start /root/wade/nodejs/nodejs-upload-image-demo
> node index.js

server is starting

6. 通過瀏覽器訪問並上傳圖片：

⑧ 如果我想把 JS 寫在一行里，那每段代碼間如何分隔

你可以用「；」不過是半形的哦！
我建議你還是不要把它寫在一行里的好。因為那樣顯的代碼不夠整潔。

⑨ JAVASCRIPT寫一個將0-100分的學生分段。(1>switch語句,if...else if語句.兩種方法解答 2>判斷操作值)

#include <stdio.h>
void judge1(int score);
void judge2(int score);
void main()
{
int score=0;

scanf("%d",&score);

while(score!=-1)
{
judge1(score);
judge2(score);
scanf("%d",&score);
}
getch();
}
void judge1(int score)
{
if(score>=85)
printf("judge1 --> A\n");
else if(score>70)
printf("judge1 --> B\n");
else if(score>=60)
printf("judge1 --> C\n");
else
printf("judge1 --> D\n");
}
void judge2(int score)
{
int flag = score/10;

switch(flag)
{
case 10:
case 9:printf("judge2 --> A\n");break;
case 8:
if(score>=85)
{
printf("judge2 --> A\n");break;
}
case 7:printf("judge2 --> B\n");break;
case 6:printf("judge2 --> C\n");break;
default:
printf("judge2 --> D\n"); break;
}
}

導航:首頁 > 編程語言 > js編程分段

js編程分段

與js編程分段相關的資料