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编程分段相关的资料