비디오: JavaScript - Location 객체 (1/2) : 문서의 주소정보를 알아내기 2024
Dummies 치트 시트 용 키즈를위한 JavaScript의 일부
CSS 속성 이름을 JavaScript로 변환 할 수 있습니다. 그러나 이것을 계획한다면 기억해야 할 몇 가지 사항이 있습니다. JavaScript로 스타일을 변경할 때 몇 가지 간단한 규칙이 있습니다.
-
CSS 속성이 한 단어 (예: 높이) 인 경우 그대로 유지됩니다.
-
CSS 속성이 두 단어 이상이고 대시로 구분되면 camelCase로 변환됩니다.
다음은 CSS에서 JavaScript 로의 속성 이름 변환에 대한 완벽한 참조입니다.
| CSS 참조 | 자바 스크립트 참조 |
|---|---|
| 배경 | 배경 |
| 배경 첨부 | backgroundAttachment |
| 배경색 | backgroundColor |
| 배경 이미지 | backgroundImage > 배경 위치 |
| backgroundPosition | background-repeat |
| backgroundRepeat | 테두리 |
| 테두리 | 테두리 아래쪽 |
| borderBottom | 테두리 아래 색상 |
| borderBottomColor > border-bottom-style | borderBottomStyle |
| border-bottom-width | borderBottomWidth |
| border-color | borderColor |
| border-left | borderLeft |
| border-left-color | borderLeftColor |
| border-left-style | borderLeftStyle |
| border-left-width | borderLeftWidth |
| border-right | borderRight |
| border-right-color | borderRightColor |
| border-right-style | borderRightStyle |
| border-right-width | borderRightWidth |
| border-style | borderStyle |
| border-top | borderTop |
| border-top -color | borderTopColor |
| border-top-style | borderTopStyle |
| border-t op-width | borderTopWidth |
| border-width | borderWidth |
| clear | clear |
| 클립 | 컬러 |
| 컬러 | 디스플레이 |
| 디스플레이 | 필터 |
| 필터 | 플로트 |
| cssFloat | 폰트 |
| 폰트 패밀리 | fontFamily |
| fontSize | font-variant |
| fontVariant | font-weight |
| fontWeight | 높이 |
| 높이 | 왼쪽 |
| 왼쪽 | letter-spacing |
| 리스트 스타일의 위치 | listStylePosition |
| line-height | lineHight |
| list- 스타일 | listStyle |
| 리스트 스타일의 이미지 | listStyleImage < 여백 - |
| margin-bottom | margin-bottom |
| 여백 - 왼쪽 | marginLeft |
| 여백 - 오른쪽 | marginRight |
| padding-bottom | paddingBottom |
| padding-left | paddingLeft |
| 패딩 - 오른쪽 | paddingRight |
| 오버플로 | 오버플로 |
| padding-top | paddingTop |
| page-break-after | pageBreakAfter |
| page-brea k-before | pageBreakBefore |
| 위치 | 위치 |
| 텍스트 정렬 | textAlign |
| 텍스트 장식 | textDecoration |
| 텍스트 장식: 깜박임 | textDecorationBlink |
| textDecorationLineThrough | text-decoration: none |
| textDecorationNone | text-decoration: overline |
| textDecorationOverline | 텍스트 장식: 밑줄 |
| textDecorationUnderline | text-indent |
| textIndent | 텍스트 변형 |
| textTransform | 위쪽 |
| 위쪽 | 세로 맞춤 |
| verticalAlign | 가시성 |
| 가시성 | 너비 |
| 너비 | z- 색인 |
| z 색인 |
편집자의 선택
소셜 미디어 측정법을 사용하여 판매를 늘리는 방법 - 소셜 미디어 측정 항목을 사용하는 한 회사판매를위한 크로스 플랫폼 참여는 Best Buy입니다. Best Buy는 모바일 쇼핑 및 소셜 쇼핑을 매장의 각 품목에 대한 QR 코드를 사용하여 매장 내 경험으로 가져 왔습니다. 고객은 상점의 각 항목에 대한 QR 코드를 스캔하여 리뷰를 포함한 더 많은 정보를 얻을 수 있습니다. 
블로그에 Google 웹 로그 분석을 설치하는 방법 - 아직없는 경우블로그 또는 사이트에서 Google 웹 로그 분석 추적 통계를 사용하여 빠르고 쉽게 설치할 수 있습니다. 설치는 1 분 밖에 걸리지 않으며 완전히 고통스럽지 않습니다. 먼저 Google 애널리틱스 ID를 가져 와서 어딘가에 작성하십시오. 쉽게 찾을 수 있습니다. Google 애널리틱스와 대시 보드에서 로그인하십시오. 
웹 사이트에 Google 웹 로그 분석을 설치하는 방법 - 웹 사이트에 Google 웹 로그 분석을 설치하는단 1 분이며 고통스럽지 않습니다. 곧 Google 애널리틱스 덕분에 잠자는 동안 소셜 미디어 측정 항목을 추적하게 될 것입니다. 먼저 Google 애널리틱스 ID를 가져 와서 어딘가에 작성하십시오. 쉽게 찾을 수 있습니다. Google 애널리틱스 및 대시 보드에 로그인하고 톱니 바퀴 아이콘을 클릭하기 만하면됩니다. ... 편집자의 선택
마케팅 자동화에서 분할 테스트의 기본 이점 - A / B 테스트라고도하는 더미 테스트다 변수 테스트뿐만 아니라 요인 일정을 유지하고 다양한 시나리오에서 다른 결과를 테스트하여 마케팅 자동화 테스트를 수행하는 것을 의미합니다. 하나의 유료 검색 광고를 통해 사람들을 2 개의 개별 방문 페이지로 유도하는 것이 그 예입니다. 방문 페이지 테스트하기 ... 
자동화 된 마케팅을위한 컨텐츠 작성의 기본 - 인형마케팅 자동화 도구의 사용을 극대화하기 위해 먼저 사람과 콘텐츠와의 관계를 이해해야합니다. 올바른 사람에게 올바른 콘텐츠를 보내는 경우에만 자동화가 유용합니다. 이를 올바르게 수행하는 방법에 대한 기본적인 이해를 돕기 위해 사람들은 두 가지 유형이 관련되어 있음을 인식해야합니다 ... 
Microsoft Dynamics CRM을 사용하는 e-Mail 및 Microsoft Dynamics CRM- 더미고객 관계를 관리하는 데 도움이되는 Microsoft 도구 현대 직장에서 가장 유용한 도구 중 하나는 전자 메일이므로 전자 메일을 만들고 읽거나, 전자 메일을 특정 레코드에 연결하거나, 일정을 관리하는 데 숙련되어 있어야합니다. ... 편집자의 선택
웹 호스팅 계획에서 더 많은 것을 얻기위한 10 가지 팁 - 인형당신은 자신의 웹 사이트 또는 블로그를 가지고 있고, 고객, 독자 또는 웹 호스팅 기술에 의존하는 추종자 만 있습니다. 다음 팁은 웹 호스팅 계획을 최대한 활용하는 데 도움이됩니다. 제어판에서 백업 옵션을 확인하십시오. 일부 제어판을 사용하면 자동화 된 백업을 수행 할 수 있습니다. ... 
귀하의 웹 호스트가 귀하를 도와주지 않는 10 가지 사항 (무료) - 인형은 웹 호스트만큼 멋지고, 웹 사이트를 디자인, 제작 및 운영하는 데 도움이되는 일에는 한계가 있습니다. 그것은 모두 돈으로옵니다. 귀하가 기꺼이 지불하는 한 귀하의 호스트는 기꺼이 도움이 될 것입니다. 각 호스트는 다릅니다. ... |
