AngularJS 打开新的标签页实现代码


Posted in Javascript onSeptember 07, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<!DOCTYPE html> 
<html ng-app="myPro"> 
  <head> 
    <meta charset="UTF-8"> 
    <title>angularJS-打开新的标签页</title> 
    <script type="text/javascript" src="js/angular.min.js" ></script> 
    <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> 
  </head> 
  <body ng-controller="myProController"> 
    <button ng-click="click_this()">打开新的标签页</button> 
  </body> 
  <script> 
    var pro = angular.module("myPro",[]); 
    pro.controller("myProController",["$scope","$location",function($scope,$location){ 
      $scope.click_this = function(){ 
        var url = $location.absUrl().split("angularJS_")[0]+'angularJS_newTab.html'; 
        window.open(url,"_blank"); 
      }; 
    }]); 
  </script> 
</html>

总结

以上所述是小编给大家介绍的AngularJS 打开新的标签页实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js多级树形弹出一个小窗口层(非常好用)实例代码
Mar 19 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
javascript实现dom元素可拖动
Mar 21 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
Jun 23 Javascript
原生js实现倒计时--2018
Feb 21 Javascript
vue webpack开发访问后台接口全局配置的方法
Sep 18 Javascript
node.js的Express服务器基本使用教程
Jan 09 Javascript
vue-cli 目录结构详细讲解总结
Jan 15 Javascript
Vue代码整洁之去重方法整理
Aug 06 Javascript
基于Cookie常用操作以及属性介绍
Sep 07 #Javascript
基于require.js的使用(实例讲解)
Sep 07 #Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 #Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 #jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 #jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 #jQuery
Django使用多数据库的方法
Sep 06 #Javascript
You might like
基于mysql的bbs设计(一)
2006/10/09 PHP
PHP企业级应用之常见缓存技术篇
2011/01/27 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
php curl抓取网页的介绍和推广及使用CURL抓取淘宝页面集成方法
2015/11/30 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
Yii2汉字转拼音类的实例代码
2017/04/18 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
Javascript 函数parseInt()转换时出现bug问题
2014/05/20 Javascript
动态载入js提高网页打开速度的方法
2014/07/04 Javascript
ajax+jQuery实现级联显示地址的方法
2015/05/06 Javascript
基于Jquery和html5的7款个性化地图插件
2015/11/17 Javascript
JavaScript表单焦点自动切换代码
2016/07/24 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
JavaScript自定义分页样式
2017/01/17 Javascript
JavaScript实现弹出广告功能
2017/03/30 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
2018/09/18 Javascript
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
微信跳一跳python自动代码解读1.0
2018/01/12 Python
Python列表list排列组合操作示例
2018/12/18 Python
Python 获取div标签中的文字实例
2018/12/20 Python
对Python3 解析html的几种操作方式小结
2019/02/16 Python
详解python做UI界面的方法
2019/02/27 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
python实现三壶谜题的示例详解
2020/11/02 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
12个不为大家熟知的HTML5设计小技巧
2016/06/02 HTML / CSS
Spartoo比利时:欧洲时尚购物网站
2017/12/06 全球购物
大学生个人自荐信样本
2014/03/02 职场文书
民政局离婚协议书范本
2014/10/20 职场文书
银行实习推荐信
2015/03/27 职场文书
2015年基层党支部工作总结
2015/05/21 职场文书
2016习总书记系列重要讲话心得体会
2016/01/15 职场文书
DjangoRestFramework 使用 simpleJWT 登陆认证完整记录
2021/06/22 Python
flex布局中使用flex-wrap实现换行的项目实践
2022/06/21 HTML / CSS