引入angularjs之后 原生的js *** 作是否还能使用

引入angularjs之后 原生的js *** 作是否还能使用,第1张

如果是团队开发实力较强可利用angular的思想以及目前提供的功能重写一些常用的功能和函数库组件之类的,这样的话就可以不需要引入jQuery。如果是个人开发想在短期内实现一些好的效果,我觉得jQuery很多东西还是值得借鉴的,尤其是动画功能。另外angular的思想是面向数据编程,通过数据双向绑定去控制DOM,但是也存在一些情况需要修改DOM的,例如点击某个按钮控制页面其他已有部分的行为,这可以通过指令完成,在指令中选择需要控制的dom节点然后 *** 作它。具体来讲,angular思想和jquery差别较大,需要权衡利弊,尽量去用原生js加angular已有功能实现,一些复杂功能,考虑用angular封装成指令,在指令中利用jQuery提供的某些函数功能也可以。

当前的DOM对象不存在导致获取对象属性时出错,检查树结构渲染的先后顺序。

DOM是以层次结构组织的节点或信息片断的集合。文档对象模型(Document Object Model)是给HTML与XML文件使用的一组API。DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。

浏览器对象是一个分层结构,也称为文档对象模型

(1)打开网页后,首先看到的是浏览器窗口,即顶层的window对象。

(2)其次,看到的是网页文档的内容,即document文档。

(3)定位对象windowdocumentmyformtext1

或documentmyformtext1因为window窗口对象是所有页面的根对象,所以常常省略。

(4)地址对象location和历史对象history,它对应IE浏览器中的地址栏和前进/后退按钮。

$event:当前触发的是什么事件

$eventtarget:触发事件的元素对象(不一定是绑定事件的对象,会因为事件冒泡变化)

$eventcurrentTarget:绑定事件的元素对象

参考:

vue中关于$event的通俗理解

Vue 点击获得父元素,子元素,兄弟元素(DOM *** 作)

你的这个javascript脚本通常会在一个HTML页面里面运行。所以如果你的字符串里面没有<html>标签,直接就是内容<input type='text' value='123' id='test'>,那么可以通过doucmentcreateElement创建一个div,然后把这个div的innerHTML设置成你的字符串。再把这个div append到doucmnet下面人任何一个元素里(通常就是body元素),这样就可以documentgetElementById来获取了。用完之后如果不需要了,再从dom tree里把这个元素移除掉,或者就把这个div设置为display="None"就好

但是如果这个字符串是完整的HTML,包括<html><head><body>等标签,那么就需要创建一个新的iframe,把这个iframe的innerHTML设置成你的字符串,然后通过iframe的document的getElementById来获取。

在angularjs中获取元素的id的方法:

<div id="{{ 'object-' + myScopeObjectindex }}"></div>

这样实际解析后的代码:

<div id="object-1"></div>

这样的id就可以通过document获取了。

对于隐藏一般是使用ng-class或者ng-show/ng-hide去实现的

通过ng-class或者ng-show/ng-hide所绑定的值的改变直接隐藏或者显示

angularjs 是mvc架构的框架,不推荐直接 *** 作DOM,而是通过Model - Controller - View的形式绑定,通过改变值,借助控制器改变显示。

以上就是关于引入angularjs之后 原生的js *** 作是否还能使用全部的内容,包括:引入angularjs之后 原生的js *** 作是否还能使用、请问DOM对象是什么意思啊、vue获取当前点击元素的dom对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9426165.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存