js如何复用同一个页面的简单介绍

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

angularjs中,怎样复用一个Controller中的重复代码

1、http.get(url1).success(function (d1) { http.get(url2).success(function (d2) { //处理逻辑 })；})；解决方法二：then中的方法会按顺序执行。

2、event 这里可以有两种方式，一种是$scope.$emit，然后通过监听$rootScope的事件获取参数；另一种是$rootScope.$broadcast，通过监听$scope的事件获取参数。这两种方法在最新版本的Angular中已经没有性能区别了，主要就是事件发送的方向不同，可以按实际情况选择。

3、controller专注于业务场景，即为特定的场景服务，所以不要重用controller，推荐通过小范围划分controller，使用父子作用域来满足业务场景。factory提供一些公共的方法函数，推荐抽象，重用factory。service类似factory，会被实例化，可以保存数据，作为controller之间的通讯工具，比好好用。

相关问答

Q1: 如何用js往html页面拼接一个div包括div的各种常用属性

1、打开编辑器，新建test.html，用于学习今天的内容。接下来需要在head标签下方引入jquery.min.js插件。在页面的body标签里，新建一个p，名称为test。在body标签下方写上script/script，用来存放js代码。通过class定位到p，通过css()方法让文字居中。

2、使用JS的document.getElementById(ID).innerHTML获取标签内容。修改的只需在后面加上=即可。实例演示如下：HTML的DOM设计。设计两个DIV，其中第一个div放入入一些文字。设计css样式如下，为了区分明显，加了border。此时的页面展示如下：函数功能的设计和绑定。

3、首先打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮：然后为button添加点击时创建一个新的div事件。

4、利用js代码首先创建一个div，document.createElement(div)；确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。确定位置之后，显示div即可。示例：比如html中有一个文本输入框，我们现在需要在挨着输入框右下角位置显示一个div。

5、#063；}/style /head body div class=content/div ！--viewport：可视窗口，也就是浏览器。

Q2: 如何在一个页面调用另一个页面的js,多谢!

在body里添加onload=showsubmenu(sid)；当前页面的js不可能影响下一个页面的，这是安全性考虑。

方法：直接调用对方的函数就行。步骤：两个或者多个js文件加载到同一个页面中 js文件中的方法直接相互访问。

其中parent.html中含有IFrame并且IFrame指向child.html。现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法。

就是在后台服务器利用php、asp、jsp等等去读取htm的内容（这不会有任何跨域问题），这样htm中利用ajax向这个后台程序发送请求即可。下面是个php的例子：？php echo file_get_content(htm的url写在这里)；？当然，这个php文件必须与htm在同一个域名下，否则仍然会有跨域问题。

方法一：浏览器读页面时弹出窗口；方法二：浏览器离开页面时弹出窗口；方法三：用一个连接调用：打开一个窗口注意：使用的#是虚连接。

Q3: 怎么在一个页面引用俩次相同的JS

你可以独立建一个js文件，把你写的代码放到文件里，然后每个页面都引用你刚才建的那个js文件就可以了。

把你要公用的JS代码写到一个*.js文件中，在HTML页面用引用进来，用法和你现在的一样，直接调用函数即可。

比如 function a(){ alert(0)；} a()；将代码放在函数里，调用函数，就可以重复执行你要的代码啦。

一个页面无数个同一个js插件解决方法：删除多余的插件：检查页面中是否有重复加载的插件，如果有多个相同的插件文件被加载，可以删除其中的冗余部分。合并插件文件：如果多个插件文件功能相同，可以将它们合并成一个文件，减少页面加载的HTTP请求次数，提高页面性能。

Q4: echarts.js一个页面如何加载多个图表?

标签分割。先将页面用div标签分割好，每个div都要指定宽度和高度，接着，用ajax动态加载数据。然后，编写你要的图标类型的option最后，获取对应的div，创建echart实例，并调用setOption方法设置选项，这样图表就显示在对应的div中了。

}； return res；}；然后你各个标签页用不同的数据生成不同的option，再setOption就行了。

页面用到多个echarts图表，图表的类型都是一样的折线图，只是图表里面数据每个都不一样，然后渲染的图表个数是不确定的，根据搜索条件返回的数据来决定渲染几个图表。

你贴出来的链接这篇文章，正式介绍如何使用模块化加载ECharts。如果你不使用模块化，ECharts也提供相应的方法初始化。

一个网页中可以创建多个 echarts 实例。每个 echarts 实例中可以创建多个图表和坐标系等等（用 option 来描述）。准备一个 DOM 节点（作为 echarts 的渲染容器），就可以在上面创建一个 echarts 实例。每个 echarts 实例独占一个 DOM 节点。